webForumDet fria alternativet

varför blir det inte mellanrum när jag använder margin-top:100px?

HTML & CSS

4 svar · 590 visningar · startad av yador

Medlem sedan mars 2004455 inlägg
Frågan#1

Hejsan allesammans :)
Jag har ett php script som generar en meny som ser ut såhär typ:

<ol>
<li>
<a href="index.php" class="currentlocation" title="Gå tillbaka till startsidan">
Startsida
</a>
</li>
<li>
<a href="index.php" class="currentlocation" title="Gå tillbaka till startsidan">
Startsida
</a>
</li>
<li>
<a href="index.php" class="currentlocation" title="Gå tillbaka till startsidan">
Startsida
</a>
</li>
<li>
<a href="index.php" class="currentlocation" title="Gå tillbaka till startsidan" style="margin-top: 100px;"> <!-- Mellanrum -->
Startsida
</a>
</li>
<li>
<a href="index.php" class="currentlocation" title="Gå tillbaka till startsidan">
Startsida
</a>
</li>
<li>
<a href="index.php" class="currentlocation" title="Gå tillbaka till startsidan">
Startsida
</a>
</li>
<li>
<a href="omoss.php" title="lite info om oss">
Om oss
</a>
</li>
</ol>

Men det blir inget mellanrum, varför då?

Tack på förhand!

Medlem sedan aug. 20068 090 inlägg
#2

Varför vet jag inte.
Men sätt stilen i <li> istället.
Eller testa lägg till display:block

Medlem sedan mars 2004455 inlägg
#3

Det fungerade när jag lade till display:block.

Tack!

Medlem sedan juni 20019 024 inlägg
#4

Det fungerar inte eftersom a inte är ett block-element, utan inline.

Skillnaden:
http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop

Enkelt uttryckt är inline detsamma som ett enskilt ord i en text. Block är däremot hela stycket. För att ändra avståndet går det bara att påverka hela stycket, inte enskilda ord.

Medlem sedan mars 2004455 inlägg
#5

okej, Tack Pace :)

289 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
133 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
161 ms — ändringar (db)