21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Wrapp
Profil *
Dělám si menu s ruznými ikonkami vlevo od textu. To funguje, včetně a:hover. Pokud chci ale danou položku označit trvale (.active), tak ikonka menu-data-active.png se nezobrazí. Vůbec nevím proč :(


HTML:
<li class="data active"><a href="/data/">Datový disk</a></li>

CSS:
.nav li.data a{background: url("../design/menu-data.png") 7px 7px no-repeat;}
.nav li.data a:hover{background: url("../design/menu-data-active.png") 7px 7px no-repeat;} 
.nav li.data .active a{background: url("../design/menu-data-active.png") 7px 7px no-repeat;}
Taps
Profil
Wrapp:
viz např. http://polopate.jakpsatweb.cz/index.php?page=include4
Marschmallow
Profil
Wrapp:
Uprav si ten poslední řádek v CSS takto:
.nav li.data.active a{background: url("../design/menu-data-active.png") 7px 7px no-repeat;}
Živá ukázka.
Taps
Profil
Marschmallow:
Podle mě to tak jednoduše nepůjde, vlastně je to téměř totožný zápis jaký uvedl tazatel.
anonymníí
Profil *
Taps:
Marschmallow uvedl kód správně, mezera mezi jednotlivými třídami (data a active) být nemá. A ani omylem to není totéž, co psal tazatel.
Taps
Profil
anonymníí:
Psal jsem „téměř totožný zápis“, na druhou stranu bez použití PHP asi nebude jen tak snadné označit aktivní položku.
Marschmallow
Profil
Taps:
Pokud vím, tak tazatel Wrapp řeší, proč se mu u třídy .active nezobrazuje ikonka a ne to, jak vyřešit pomocí PHP zvýraznění položky (to je až další krok na který se ale neptá).
Taps
Profil
Marschmallow:
Zdůrazňuji použití PHP i s přihlédnutím k tomu, že daný tazatel může být začátečník a nemusí si uvědomit všechny souvislosti, které se vztahují k dané problematice.
desvat
Profil
http://jsfiddle.net/txv9askw/
Marschmallow
Profil
Tapsi, Tapsi, nějak se v tom ztrácíš sám... Třída active je jenom třída a je rozdíl mezi :active (s dvojtečkou) a .active (s tečkou). To jsou úplně odlišné věci. Klidně si tu třídu .active můžu nazvat .aktivni a nemá to nic společného s :active. Pro představu...

Dejme tomu, že mám nějaké menu se třemi položkami. Z toho jednu chci mít třeba zelenou, tak si tu položku označím nějakou odlišnou třídou třeba .aktivni, tu pak v CSS deklaruji: .aktivni a{color:green;}. A teď si třídu .aktivni zaměň za .active. Není v tom rozdíl.
Pokud ale chci mít tuto položku zelenou pouze, když na ní kliknu (otázka ani ne sekundy), tak v CSS použiji a:active{color:green;}. V tom rozdíl je.

EDIT: Alespoň, že sis ten [#8] příspěvek upravil.

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:

0