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>
380 ms totalt · 4 externa anrop · v20260731065814-full.442f7a9e
124 ms — deklarationer (db)
127 ms — hämta statistik (db)
125 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)