Css pro víceúrovňové menu

xberj27

(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,

31. 8. 2015 21:33:21

https://webtrh.cz/diskuse/css-pro-viceurovnove-menu#reply1137153

Fido123

(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

(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

(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