webForumDet fria alternativet

dela lista på två.

HTML & CSS

2 svar · 160 visningar · startad av elvelind

Medlem sedan juli 2002167 inlägg
Frågan#1

har en enkel navigations lista som jag vill dela upp i två columner. dvs något som det här.

Home			Downloads
Articles		Linkage
Gallery		        Staff
The Mix		        Inquiries

jag har testat med att lösa detta genom att sätta

ul { width: 300px} och li { width:50%; float:left; }

och detta fungerar bra bortsätt från att det inte går att sätta en backgrundsfärg på ul:n eller på en div utanför den.

någon idé på hur man kan lösa detta så att backkrundsfärger fungerar med?

tabeller är uteslutet som lösning.

Medlem sedan dec. 20025 483 inlägg
#2
<style type="text/css">
<!--

div#holder{
	background : #eee;
	width : 300px;
}

div#left{
	float : left;
}

div#right{
	margin-left : 50%;
}

-->
</style>

...

<div id="holder">
	<div id="left">
		<div>Home</div>
		<div>Articles</div>
		<div>Gallery</div>
		<div>The mix</div>
	</div>
	<div id="right">
		<div>Downloads</div>
		<div>Linkage</div>
		<div>Staff</div>
		<div>Inquiries</div>
	</div>
</div>

Kanske?

:)

Medlem sedan juli 2002167 inlägg
#3

gillar inte att använda så många divar utan vill hellre använda ul listor.

270 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
131 ms — ändringar (db)