Autor Zpráva
adelka
Profil *
nazdárek :) vytvořila jsem Hover menu, které mi ale bohužel nefunguje v Mozille. Nechápu proč, tady je kod:
CSS
jinak
-----
ul
{
list-style-type: none;
padding: 0;
margin: 0px 0px 0px 0px;
text-align: center;
width: 160px;
height: 40px;
}
ul a
{
width: 160px;
height: 40px;
background-image: URL("plant_red.jpg");
padding: 0;
margin: 0px 0px 0px 0px;
text-align: center;
}
ul a:hover
{
background-image: URL("plant_normal.jpg");
padding: 0;
margin: 0px 0px 0px 0px;
text-align: center;
width: 160px;
height: 40px;
}

li#1 a
{
background-position: -1px -31px;
width: 160px;
height: 40px;
}
li#2 a
{
background-position: -1px -71px;
}
li#3 a
{
background-position: -1px -110px;
}
li#4 a
{
background-position: -1px -150px;
}

html
------

<ul>
<li id="1"><a href="ahoj">ahoj</a></li>
<li id="2"><a href="nazdarek">nazdarek</a></li>
<li id="3"><a href="jak se mame">jak se mame</a></li>
<li id="4"><a href="hura">hura</a></li>
</ul>
adelka
Profil *
jinak je to na strankach www.adelkak.webzdarma.cz
Gisen
Profil
Mě to v Mozille funguje.
adelka
Profil *
stejne jako v IE?
koudi
Profil
adelka
<a> je řádkový prvek, nemůžeš mu jen tak nastavovat width a height. Nejprve mu nastav display: block. A u seznamu <ul> jako id nepoužívej pouze čísla - začni identifikátor nějakým písmenkem. Alespoň pro začátek...
adelka
Profil *
Díky moc, už to funguje, ještě koukám, že mi u pravého panelu nějak blbne rámeček, opět pouze v Mozille, ale asi tady za mě nevyřešíte všechno... :o).

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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