Indrag på listor

HTML & CSS

1 svar · 278 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>
263 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)