Jag har en meny som är byggd med ul/li och den är horisontell. Här är en bit av css:en
#menu {
background-color:#ff9e22;
padding:4px 0 4px 0;
}
#menu ul {
list-style-type:none;
padding:0;
}
#menu ul li {
list-style: none;
display: inline;
}
#menu ul.menu li a {
color:#FFF;
font-size:10px;
padding:4px 9px 4px 9px;
}
#menu ul.menu li#current a {
color:#e03600;
}
#menu ligger i en container som kan vara 956px bred.
Mitt dilemma är att jag vill kunna ha "oändligt" många menyalterntiv, dvs att den fortsätter bara på nästa rad. Det gör den nu, på sätt och vis.. vissa menyalternativ innehåller mellanslag, så den kapar menyn mitt i ett menyalternativ som innehåller ett mellanslag.
Så här:
Meny1 - Meny2 - Meny3 - Detta
är meny alternativ 4 - Meny5 - Meny6
Hela menyn fram till Meny5 skulle få plats på översta raden så här:
Meny1 - Meny2 - Meny3 - Detta är meny alternativ 4 - Meny5 -
Meny6
Sajten byggs i Joomla atm och använder deras menykomponent, men den skapar en ren lista bara.
Men någon som vet hur jag ska lösa detta? Eller stött på samma problem tidigare?