webForumDet fria alternativet

UL-list, display:inline, flera rader?

2 svar · 403 visningar · startad av UrMe

UrMeMedlem sedan apr. 2001762 inlägg
#1

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?

OkkidoMedlem sedan maj 20007 492 inlägg
#2

float:left istället för display:inline?

UrMeMedlem sedan apr. 2001762 inlägg
#3

Så mycket problem för en så enkel lösning, tackar :) Ibland tänker man bara så långt näsan räcker

124 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
120 ms — hämta tråd, inlägg och bilagor (db)