Autor Zpráva
kherold
Profil *
Dobrý den,

podle jistého tutoriálu jsem si udělal menu:
<div id="navigace">
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
</ul>
</div>

se stylem:

#navigace ul li
{
list-style-type: none;
background: url(link.gif) no-repeat scroll;
font-family: georgia;
font-size: 10pt;
float:left;
}

#navigace ul li a
{
text-decoration: none;
width: 180px;
height: 23px;
padding: 7px 0 0 0;
text-align: center;
color: #c7c7c7;
float:left;
}

#navigace ul li a:hover
{
color: #b2d8de;
}

#navigace ul li:hover
{
background-position: 100% 0;
color: #b2d8de;
}

Ve FF jde bez problému, ale v IE6 se pozadí nezmění. Nevíte jak to obejít?? Děkuji
Manq
Profil
http://css.interval.cz/clanky/hover-menu/ hover.htc
vertigo4
Profil
kherold
protože IE6 neuznává hover jiný než u odkazu... jde to obejít takhle, nebo to dělat přes pozadí odkazu.... a bylo by po problému

jinak to float:left v #navigace ul li a je myslím zbytečné...
kherold
Profil *
OK. Děkuji Vám, snad se mi to povede spravit.
Bubák
Profil
jinak to float:left v #navigace ul li a je myslím zbytečné...
Jestli chceš dát odkazu rozměry, musí být blokový. Jedna z možností je float s jinou hodnotou, než "none".
Koukni na:
http://css.interval.cz/clanky/horizontalni-obrazkove-menu/
http://teststranek.kvalitne.cz/menu6/
vertigo4
Profil
Bubák
to bylo na mne?
stačí dát přeci display: block a float nastavit <li>
Bubák
Profil
vertigo4
Nestačí.
vertigo4
Profil
Bubák
hmm, zajímavý, že mně to stačí... krom toho, jsem ani v jedné z tebou odkazovaných stránek neviděl to tvoje slavné float u odkazu

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: