| Autor | Zpráva | ||
|---|---|---|---|
| Wrapp Profil * |
#1 · Zasláno: 7. 5. 2015, 20:44:56
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 |
#2 · Zasláno: 7. 5. 2015, 20:57:25
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;} |
||
| Taps Profil |
#4 · Zasláno: 7. 5. 2015, 21:03:17
Marschmallow:
Podle mě to tak jednoduše nepůjde, vlastně je to téměř totožný zápis jaký uvedl tazatel. |
||
| anonymníí Profil * |
#5 · Zasláno: 7. 5. 2015, 21:24:43
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 |
#6 · Zasláno: 7. 5. 2015, 21:49:13
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 |
#9 · Zasláno: 7. 5. 2015, 22:09:12
|
||
| 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. |
||
|
Časová prodleva: 10 let
|
|||
0