webForumDet fria alternativet
Logga in / Bli medlem

Rad med länkar auto space

HTML & CSS

1 svar · 233 visningar · startad av Fuel

Medlem sedan okt. 20001 285 inlägg
Trådstart#1

Säg att man har en rad med länkar i en div som t.ex är 900px bred. Jag vill ha 1:a länken marginal 20px till vänster och sista margin 20px höger, sen, då kommer grejjen att resten " delar " på utrymmet som är kvar och har auto space mellan sig.. om ni förstår. Ej tabeller !

Har försökt leka lite men det blir bara sörja

Medlem sedan dec. 20042 245 inlägg
#2

:)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>test</title>
<style type="text/css">
ul { display: table; width: 900px; margin: 0 20px; }
li { display: table-cell; }
</style>
<ul>
	<li>First link
	<li>Second link
	<li>Third link
	<li>Fourth link
</ul>

Jag sitter under ubuntu just nu så jag kan inte göra någon workaround för IE... Dock är det mig veterligen inte möjligt att återskapa följande utan att använda en tabell (HTML eller CSS) utan att veta hur många länkar det är... :) Om du vet att det ska vara exakt fyra länkar (tex) så sätter du bredden till 25% för varje. ;)

369 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
116 ms — deklarationer (db)
123 ms — hämta statistik (db)
126 ms — hämta tråd, inlägg och bilagor (db)
117 ms — ändringar (db)