Zadejte hledaný výraz...

Css pro víceúrovňové menu

xberj27
verified
rating uzivatele
(3 hodnocení)
31. 8. 2015 21:33:21
Dobrý den,
asi je to začátečnická otázka, ale nenašel jsem řešení jinde.
Na tomto webu:
www.vyuka-excelu.cz
se mi při přejetí myší oranžově zvýrazňují položky menu.
Na první úrovni to funguje tak, jak chci, ale chtěl bych to mít i na druhé úrovni (rozbalovací roletky). Aby se mi oranžově zvýrazňovaly i tyto.
Zatím mám CSS takto:
.menu-item a:hover {
color: black;
background-color: rgb(228,108,10);
}
.menu a:hover {
color: #FFFfff;
background-color: rgb(228,108,10);
background-image: none;
}
Poradí mi někdo, co dělám blbě?
Díky,
J.
31. 8. 2015 21:33:21
https://webtrh.cz/diskuse/css-pro-viceurovnove-menu/#reply1137153
Fido123
verified
rating uzivatele
(13 hodnocení)
31. 8. 2015 21:55:15
Ta šablona používá pro stylování toho submenu klauzuli !important. Musíš to nějak „přebít“, třeba takhle
Ale raději by ses měl možná mrknout, jestli to všechno nejde nějak jednodušeji nastavit přímo v šabloně.
31. 8. 2015 21:55:15
https://webtrh.cz/diskuse/css-pro-viceurovnove-menu/#reply1137152
Skorooh
verified
rating uzivatele
(4 hodnocení)
31. 8. 2015 21:58:48
Nastavuješ pouze hlavnímu menu, čili té první vrstvě, že menu-item a:hover bude mít při najetí cursorem tu oranžovou barvu .. To další menu, "rozbalovací" by mělo být takto
řádek 1446 v tom tvojem CSS souboru :-)
.menu li li a:hover {
border: none;
color: #444;
background: #f5f5f5 !important;
background-image: none;
filter: none;
background tady nastavuješ na jinou barvu a ještě tomu dáváš important .. místo background: #f5f5f5 !important dej - background-color: rgb(228,108,10) !important; a měl bys být ok
PS: ten style.css si promazej, máš tam bordel :-D
31. 8. 2015 21:58:48
https://webtrh.cz/diskuse/css-pro-viceurovnove-menu/#reply1137151
xberj27
verified
rating uzivatele
(3 hodnocení)
31. 8. 2015 22:26:38
Díky oběma, už to funguje. Po dnešku už vím, že existuje něco jako "!important".
V tom CSS bordel je, to uznávám. Velká část tam je jen proto, že se jí bojím smazat aby se něco nezbořilo :)
31. 8. 2015 22:26:38
https://webtrh.cz/diskuse/css-pro-viceurovnove-menu/#reply1137150
Pro odpověď se přihlašte.
Přihlásit