Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Jak odwołać się w stylu do danego div'a o okreslonym id
Forum PHP.pl > Forum > Przedszkole
adiscan
4.03.2008, 16:59:22
Jak odwołać sie w css do diva o określonej nazwie? już zgłupiałem do konca...

mam np:
Kod
<div id="COŚ1">
</div>

lub

<div class="COŚ2">
</div>



a i podczepiając sie jeszcze pod pytanie...
jak oszukać IE albo Pozostałem przegladarki w sprawie marginesow? IE nie ma domyślnych a np Opera albo FF mają! I gdy poustawiałem marginesy w stylu to pod IE było ok a pod pozostałymi troche sie roznilu te odleglości...
Jarod
4.03.2008, 17:02:38
Cytat(adiscan @ 4.03.2008, 16:59:22 ) *
Jak odwołać sie w css do diva o określonej nazwie? już zgłupiałem do konca...

mam np:
Kod
<div id="COŚ1">
</div>

lub

<div class="COŚ2">
</div>


div#COŚ1 {} lub #COŚ1{}
div.COŚ2 {} lub .COŚ2{}

EDIT: IE ogólnie ma problemy z marginesami. Masz dwa sposoby:
a) osobne style dla IE
cool.gif coś tyakiego:
[HTML] pobierz, plaintext 
  1. .cos
  2. {
  3. margin: 2px 0 6px 10px !important; /*to dla przeglądarek oprócz IE*/
  4. margin: 2px 0 6px 10px; /*IE oleje important i uwzględni ten zapis*/
  5. }
[HTML] pobierz, plaintext
PawelC
4.03.2008, 17:05:51
przykładowy kod diva w css:
[HTML] pobierz, plaintext 
  1. .cos1{
  2. width:800px;
  3. height:600px;
  4. border:1px black solid;
  5. margin:auto;
  6. }
[HTML] pobierz, plaintext

I odwołanie się do diva czyli
[HTML] pobierz, plaintext 
  1. <div id="cos1">
  2. </div>
[HTML] pobierz, plaintext

Co do marginesów to daj im parametr auto, jeżeli chodzi Ci o ustawienie strony po środku okna przeglądarki.
Jarod
4.03.2008, 17:08:03
Cytat(ExPlOiT @ 4.03.2008, 17:05:51 ) *
I odwołanie się do diva czyli
[HTML] pobierz, plaintext 
  1. <div id="coś1">
  2. </div>
[HTML] pobierz, plaintext

Co do marginesów to daj im parametr auto, jeżeli chodzi Ci o ustawienie strony po środku okna przeglądarki.


Chyba <div class="coś1">. Poza tym kolega nie napisał o środkowaniu tylko ogólnie o marginesach a wszyscy wiemy, że IE inaczej interpretuje marginesy.
adiscan
4.03.2008, 17:10:12
nie sprecyzowałem dokladnie...
mam cos takiego do zmiany podswietlenia po najechaniu na napis:

Kod
a:hover {                  
font-family: comic sans MS;
font-size: 16px;
color: #999000;
text-decoration: none
}


a normalnie mam już opisanego dokladnie diva i chciałbym podpiąć pod tego konkretnego to podświetlenie

Kod
<div id="COŚ1">
......
</div>



a co do marginesow to nie chodzi mi o środkowanie strony! Tylko że strona narazie wyglada ciut inaczej w IE i np OPERZE a chce to ujednolicić !



Jarod - Dzieki pomogles :-) o to mi chodziło z tymi marginesami :-)
PawelC
4.03.2008, 17:16:49
Zrób tak:
[HTML] pobierz, plaintext 
  1. <div id="COŚ1" class="plik">
  2. ......
  3. </div>
[HTML] pobierz, plaintext

Kod css
[HTML] pobierz, plaintext 
  1. #plik a:hover {                  
  2. font-family: comic sans MS;
  3. font-size: 16px;
  4. color: green;
  5. text-decoration: none
  6. }
[HTML] pobierz, plaintext

Działa bez problemu smile.gif
I tak możesz do każdego diva podpiąć konkretne podświetlenie.
adiscan
4.03.2008, 17:24:24
Chodzi mi tez o zapis?


#plik a:hover


czy on jest poprawny?

czy# nie stosuje sie przy id? a . przy class?



Teraz działa :-)


a gdy mam:


<div id="COS3">
<p><a href=" "></a></p>
i jeszcze jakis <IMG scr="">
</div>

to jak sie odwołać np do konkretnego IMG ?
PawelC
4.03.2008, 17:29:53
Wklej to do pliku html:
[HTML] pobierz, plaintext 
  1. <head>
  2. <link rel="stylesheet" type="text/css" href="style.css" />
  3. </head>
  4. <body xml:lang="pl" lang="pl">
  5. <div class="testowy" id="plik">
  6. <a href="#">link testowy</a>
  7. </div>
  8. <a href="#">kora</a>
[HTML] pobierz, plaintext

I plik style.css z kodem
[HTML] pobierz, plaintext 
  1. .testowy{
  2. width:500px;
  3. height:200px;
  4. margin:auto;
  5. border:1px black solid;
  6. }
  7. #plik a:hover {                  
  8. font-family: comic sans MS;
  9. font-size: 16px;
  10. color: green;
  11. text-decoration: none
  12. }
[HTML] pobierz, plaintext

Działa to tak:
http://exploitek.info/test/
ten w obramowaniu to jest link z id #plik a ten na dole bez jakiejkolwiek id. Co do zapisu to jest poprawny. Kropkę stosuje się przy class, a # przy id.

Co do obrazka to jaki chcesz uzyskać dokładnie efekt? Jeżeli chodzi ci o to aby konkretny div miał określony obrazek który chcesz jako tło to w kodzie css tego diva robisz:
[HTML] pobierz, plaintext 
  1. background:url(obrazkek.jpg);
[HTML] pobierz, plaintext
adiscan
4.03.2008, 17:41:34
np jakie powydziwiane obramowanie lub zmiana alpha po najechaniu na niego myszką! ale dla tego konkretnego obrazka. gdybym miał w tym divie jeszcze kilka obrazkow to reszte chciałbym zeby pozostałwy niektnięte winksmiley.jpg tylko ten jeden :]
PawelC
4.03.2008, 17:48:11
Jeżeli jako tło linka masz np obrazek to w tym #plik a:hover dodajesz parametr
[HTML] pobierz, plaintext 
  1. background:url(obrazek_na_który_ma_zamienic_obrazek_linka.gif);
[HTML] pobierz, plaintext

Po najechaniu myszką na link możesz zrobić dekoracje tekstu co też ładnie wygląda.
adiscan
4.03.2008, 17:50:44
Ok dzieki za pomoc ! w 80% mi pomogles :-) ale nie do konca mnie rozumiesz :-)
PawelC
4.03.2008, 17:55:34
To fakt że nie do końca Ciebie zrozumiałem z tym wszystkim smile.gif Wiesz co innego pisać i testować kod na szybko, co innego gdy jest na to więcej czasu smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.