[HTML][CSS] Problem z onmouseover i 'out Opcje

[thomson89]

Witam, mam takie proste menu, oparte na stylach.

[CSS] pobierz, plaintext 
#menu-nowe .mouseout {
	background: url('../images/tlo1.png') repeat-x;
	border-bottom: 1px solid #ADADAD;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu-nowe .mouseover {
	background: url('../images/tlo3.png') repeat-x;
	border-bottom: 1px solid #ADADAD;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<span class="lapka"><span class="mouseout" onmouseover="this.class='mouseover';" onmouseout="this.class='mouseout';">Biżuteria</span></span>
[HTML] pobierz, plaintext 

No i w tym się nie zmienia tło. I nie wiem co mam źle. Proszę o pomoc!

Ten post edytował thomson89 15.12.2009, 16:04:17

[piotrooo89]

chyba className a nie samo class.

[nmts]

A dlaczego dla rozwijanych zmieniasz tło przez mouseover, a reszcie przez hover?

[thomson89]

A dlaczego dla rozwijanych zmieniasz tło przez mouseover, a reszcie przez hover?

To nie jest link, więc nie mogę dać pseudo klasy hover. Nie działa w niektórych przeglądarkach, np. IE.

Dzięki ~piotrooo89

[Daiquiri]

Hover działa - z odpowiednim "hackiem" na IE. Zawsze możesz też sprawić by ten element miał typ "a". Ustawiasz właściwości display: block dla tego "a" i korzystasz z pseudoklasy :hover, baaa korzystasz ze wszystkich przywilejów elementów blokowych.

@down:
Pierwszy wynik z googla na szybko, ale poprawny o ile się nie mylę ;-)

Ten post edytował Daiquiri 16.12.2009, 15:48:49

[piotrooo89]

Hover działa - z odpowiednim "hackiem" na IE.

w takim razie możesz zapodać tym hakiem?