Web: Štýlovanie menu v css
Zdravím,
mám problém so štýlovaním dvojúrovňového horizontálnho menu v CSS. Potrebujem spraviť to, aby sa nadídením kurzora nad položku v menu zobrazilo pozadie tlačidla a takisto na úroveň pod tou položkou, ktorá sa zobrazí pri nadídení na danú položku podmenu.
Toto mám už vyriešené, no momentálne stojím na tom, ako spraviť to, aby sa pri nadídení na druhú úroveň menu, nestratilo pozadie z položky/úrovne nad ňou, čiže aby bolo jedno na akej úrovni menu sa kurzor nachádza a pozadie bolo stále aktívne na všetkých úrovniach danej položky menu. Dá sa to vôbec v css spraviť?
Nevím, co je to "nadídení", ale myslíš něco takového?
horizontal_nav
//edit: případně http://www.cssplay.co.uk/menus/basic-dropdown.html
Vratil som sa k tomu, ale nejak sa mi nedari, takto nejak vyzera ten moj kod:
<ul id="menu">
<li class="topitem1"><a href="#" class="topitem1"></a>
<ul class="item1">
<li><a href="#" class="sub_topitem1"><b>Lalalalla</b></a><BR>
<span class="popis_sub_menu">lalalala</span></li>
</ul>
</li>
...
CSS:
#menu li.topitem1 a:hover,
#menu li.topitem1 a.hover
{ background: url(../images/menu_item_1.jpg);
background-repeat: no-repeat;
height: 32px;
display:block;
}
Toto css mi vlastne definuje to, ze ked nadidem kurzorom nad najvrchnejsiu polozku menu, tak sa zobrazi pozadie (menu_item_1.jpg), no akonahle prejdem na sub-polozku, tak pozadie zmizne. Ako nadefinovat to, aby to tam zostalo?
Naaaa konecne, mam to :)
#jsddm li.topitem1:hover > a
diky za rady
Mrkni třeba sem
http://interval.cz/clanky/horizontalni-dvouurovnov e-obrazkove-menu/
Jinak odlišnou barvu "při nadídení" dělá v CSS hover
odkazy.html
Dakujem pekne: horizontal_nav
Presne toto potrebujem. Niekedy sa veci javia ako nemozne a pritom su tak jednoduche.
Uz ich len vediet.