Autor Zpráva
mantisa
Profil
Ahoj,

možná je to tím, že je pokročilá hodina, ale spíš tím, že nejsem nejbystřejší... :-)


menu {
position: relative;
width: 340px;
height: 41px;
background: url('../img/menu.gif') no-repeat 0 0;
}

menu li, menu li a {
float: left;
display: inline;
list-style-type: none;
}

li#uvod {
position: relative;
left: 14px;
overflow: hidden;
font-weight: bold;
width: 90px;
height: 41px;
}

li#uvod, li#uvod a, li#uvod span {
display: block;
width: 90px;
height: 41px;
background: url('../img/uvod.gif');
cursor: pointer;
}

li#uvod span {
position: absolute;
top: 0;
left: 0;
}

li#uvod a:hover span, li#uvod a.aktivni {
background-position: -90px;
}


<menu>
<li id="uvod"><a href="#" class="aktivni">Úvod<span> </span></a></li>
</menu>

položka Úvod bohužel není aktivní, obrázek není posunut o 90px, ale zůstává v počáteční poloze, proč, prosím?

Díky

P.S.: Snad to nebude prkotina, ale problém hodný zamyšlení. :-)
Manq
Profil
background-position: -90px;
Nechybí tam ještě jedna hodnota? Nejsem si jist, ale nejsou zapotřebí dvě hodnoty? Pozive v ose X a v ose Y?
mantisa
Profil
Manq

ahoj, pokud posouvám horizontálně, tak by toto mělo být dobře, nevadí, když vynechám druhou hodnotu, která je 0px

každopádně hover funguje, ale aktivní položka ne, čemuž nerozumím
Anonymní
Profil *
že by záhada? :-)

mantisa
Anonymní
Profil *
teď vážněji, nejspíš špatně koukám, avšak chybu nikde nevidím, prosím o jakýkoli nápad

přes include se mi to nechce řešit, když se jedná o tři položky menu

díky, mantisa
mantisa
Profil
tak vyřešeno, samozřejmě drobnost:

li#uvod a:hover span, li#uvod a.aktivni span {
background-position: -90px;
}

chyběl tam span

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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