Rozdělovník v menu – CSS – Fórum – Programujte.com

Zdravím, sblížil jsem k sobě položky menu (aby se mi jich tam více vešlo) a nyní nevím jak je rozdělit, aby to bylo přehledne.

Níže posílám kod menu, které mám ve wordpressove sablone.


/************************************************
* Navbar *
************************************************/

#navbar {
background: #1A4E88;
width: 960px;
height: 30px;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}

#navbarleft {
width: 660px;
height: 30px;
float: left;
margin: 0px;
padding: 0px;
}

#navbarright {
width: 250px;
height: 30px;
float: right;
margin: 0px;
padding: 0px;
text-align: right;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a {
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0px 10px 0px 0px;
padding: 8px 10px 7px 10px;
}

#nav a:hover {
background: #4A7EB8;
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 0px 10px 0px 0px;
padding: 8px 10px 7px 10px;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}

#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 140px;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #4A7EB8;
color: #FFFFFF;
width: 140px;
float: none;
margin: 0px;
padding: 6px 10px 5px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#nav li li a:hover, #nav li li a:active {
background: #1A4E88;
color: #FFFFFF;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}


Předem děkuji za odpověd a pomoc.

Co takle sem hodit odkaz na ten web? To mám z tvého kódu hádat, které třídy jsou pro menu?

To Kobi : Tady aby se člověk naučil složit si v hlavě, jak bude vypadat výsledek z kousku CSS, co si přečte :D

www.berne.cz