[css] div i podmiana obrazka tła Opcje

[SzymaneK]

Witam z CSS'ami i DVIami dopiero zaczynam przygodę ale trafiłem na przeszkodzę z którą, sam nie mogę sobie poradzić. Dla Was to pewni będzie banał a dla mnie wybawienie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

mianowicie mam divy

[HTML] pobierz, plaintext 
<div id="menu"><p class="menu">menu 1</p></div>
<div id="menu"><p class="menu">menu 2</p></div>
.
.
.
[HTML] pobierz, plaintext 

chciałbym aby po najechaniu myszką na danego diva zmieniało się jego tło próbowałem z "hover" ale wyczytałem że to już jest staroć i nie wszędzie działa np IE (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[HTML] pobierz, plaintext 
#menu {
	background-image: url(img/menu1.gif);
	height: 30px;
	width: 181px;
	margin: 0px;
	padding: 0px;
}
[HTML] pobierz, plaintext 

z góry dziękuję SzymaneK

Ten post edytował SzymaneK 30.12.2008, 15:52:03

[piotrooo89]

zrobisz to albo w js albo za pomocą css w następujący sposób: daj do tego div'a <a href> nadaj mu display: block, i później dodaj :hover'a na tego linka... inaczej IE nie będzie Ci czytał tego ponieważ on pseudo klasę :hover obsługuje tylko na linkach.

[erix]

inaczej IE nie będzie Ci czytał tego ponieważ on pseudo klasę :hover obsługuje tylko na linkach.

behavior: whatever:hover (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[SzamanGN]

Jeszcze mała sugestia:
napisałeś

[HTML] pobierz, plaintext 
<div id="menu"><p class="menu">menu 1</p></div>
<div id="menu"><p class="menu">menu 2</p></div>
[HTML] pobierz, plaintext 

jeżeli będziesz później chciał się odnieść do elementu (DIV) o id="menu", to odwołasz się do każdego DIV o id="menu", staraj się w takim przypadku używać:

[HTML] pobierz, plaintext 
<div id="menu">
 <div class="odnosnik_menu">menu 1</div>
 <div class="odnosnik_menu">menu 2</div>
</div>
[HTML] pobierz, plaintext 

Mam nadzieję, że wiesz o co mi chodzi?

[SzymaneK]

Wielkie dzięki za sugestie...

na razie zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<div id="lewa">
	<div onmouseover="this.className='menu2';" onmouseout="this.className='menu1';" class="menu1"><a href="#"><p class="menu">jeden</p></a></div>
	<div onmouseover="this.className='menu2';" onmouseout="this.className='menu1';" class="menu1"><a href="#"><p class="menu">dwa</p></a></div>
</div>
[HTML] pobierz, plaintext 

jak widzisz SzamanGN Twoja sugestia została wcielona, (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) w sumie to mi sie nie podobało od początku.

co o tym sądzicie ? może BYK?

pzdr SzymaneK

[erix]

Ale po kiego grzyba tak kombinujesz?

Użyj zwyczajnie pseudoklas :hover, tylko dla IE podepnij whatever:hover... (Google, jeśli nie wiesz, o czym mówię)

[SzymaneK]

(Google, jeśli nie wiesz, o czym mówię)

no gdybym znalazł to dzięki Google to nie zawracał bym d...y tutaj.

[Albitos]

SzamanGN: Nie pobierze wszystkie o id #hover, tylko pobierze pierwsze wystąpienie. Przynajmniej w JS, nie wiem jak to się ma do CSS.

SzymaneK: Generalnie zasada jest taka, że jest wiele elementów posiadających daną klasę i tylko jeden posiadający dane id. IDentyfikatory z reguły są unikalne (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) .

[erix]

~SymaneK, ja jakoś znalazłem: http://www.xs4all.nl/~peterned/csshover.html (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Rozwiązanie sprawdzone, ale jeden warunek: elementy nie mogą być dodawane dynamicznie (np. via innerHTML).