Rad med länkar auto space

HTML & CSS

1 svar · 236 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. ;)

270 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
132 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)