Autor Zpráva
honzuli@seznam.cz
Profil *
Zdravím, mám problém s více úrovňovým menu dělané přes CSS3 (zaoblené rohy)
Kde je problém? ODKAZ NA MENU

Koukněte na ODKAZ VÍCE poslední položka v menu by měla mít zaoblené rohy, bohužel levý roh se ne a ne zaoblit, vím že je to borderem který se dědí z řádku 81

div.menu ul li {
  border-bottom: 1px solid #00aaf7; 
  background: url("../images/menu_bg.png") repeat-x;    
} 


ať dám kamkoliv pak border 0px pro ul li ul li:last-child nechce mi to vzít. Nějaký nápad? Beru cokoliv dnes jsem nad tím strávil 5h a jsem bez nápadu
svadla
Profil
Promiň mám jen chvilku, přidej
div.menu ul li:hover:last-child { border-bottom: 0;}
div.menu ul li:hover:last-child ul li:last-child { border-bottom: 1px solid #00aaf7;}
Ale neřeší to, když bude submenu jinde. Ale třeba ti to ukáže, odkud je ten border.
honzuli@seznam.cz
Profil *
svadla:
Promiň mám jen chvilku, přidej
>
div.menu ul li:hover:last-child { border-bottom: 0;}
div.menu ul li:hover:last-child ul li:last-child { border-bottom: 1px solid #00aaf7;}
Ale neřeší to, když bude submenu jinde. Ale třeba ti to ukáže, odkud je ten border.


Tak to mám asi špatně pochopené first-child a last child,
snad last child
div.menu ul li:hover:last-child { border-bottom: 0;} - vypnu border u poslední položky v menu jeho border
div.menu ul li:hover:last-child ul li:last-child { border-bottom: 1px solid #00aaf7;}
ho zapínám u poslední položky ve vnořeném ul chápu dobře?

Každopádně včera jsem toto zkoušel nejednou a nejspíše jsem se někde upsal.

Díky za řešení :-)

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: