webForumDet fria alternativet
Logga in / Bli medlem

Indrag på listor

HTML & CSS

1 svar · 274 visningar · startad av Skarre

Medlem sedan apr. 20012 427 inlägg
Trådstart#1

Skulle någon kunna förklara hur man ändrar/tar bort vänstermarginalen på listor? Jag har testat med "left-margin: -20" på ul-taggen och det fungerar finemang i NS 6, men i IE 6 så tar den bort för mycket och texten försvinner istället bakom diven.

Medlem sedan juli 20013 378 inlägg
#2

Hmm...
Du behöver inte ha negativa marginaler för att ändra marginalerna på en lista...
Du kan fixa till det med olika värden på margin och padding på ul och li...
Meka lite med följande exempel (som ser lika ut i MSIE6 och Moz1.1 i alla fall) så ser du hur det hänger ihop:

<html>
<head>
	<title>Test</title>
	<style type="text/css">
	<!--
div { border: 1px solid maroon; margin: 20px; padding: 0; }
ul {  border: 1px solid black; margin:0 0 0 20px; padding:0; }
li {  border: 1px solid silver; }
	-->
	</style>
</head>

<body>
<div>
<ul>
<li>Ett</li>
<li>Två</li>
<li>Tre</li>
</ul>
</div>
</body>
</html>
250 ms totalt · 4 externa anrop · v20260731065814-full.c32e866c
117 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)