webForumDet fria alternativet

Lika fördelning mellan celler

HTML & CSS

3 svar · 280 visningar · startad av ThACRoW

Medlem sedan dec. 2001314 inlägg
Frågan#1

Jag har en horisontell meny längst upp på sidan som har en bestämd bredd, 365 px.
Vill ha första länken till vänster, sista till höger, sen länkarna emellan ska centreras. Alltihop ska ha lika bredd emellan.

Kanske en väldigt enkel lösning... :OO Några förslag?

Medlem sedan maj 200330 inlägg
#2

I stället för att ha en länk i varje cell, kan du ha en transparent gif, som har en bestämd storlek, mellan varje länk.

Kanske ...? :-)

Medlem sedan dec. 2001314 inlägg
#3

Grejen är ju det att storleken på länkarna varierar eftersom de hämtas från en databas, så en bestämd storlek mellan länkarna funkar inte. Jag ritar en liten skiss:

Hem    About us    Members    Guestbook    Forum

eller om man bestämmer sig för att ändra länkarna:

Hem     Länkar     Bilder     Annat      Gästbok

Mellan "Annat" och "Gästbok" är det ett tecken mer för att fylla ut.

Jag funderade lite på att använda text-align: justify för att seperera orden, men problemet är att man inte kan justify:a på en rad, dessutom kan länkarna innehålla flera ord, som t.ex. "About us".

Medlem sedan dec. 2001314 inlägg
#4

Jag löste det! :)

<div style="text-align: justify; text-justify: inter-word; text-align-last: justify; width: 365px">
   Home About[b]&amp;nbsp;[/b]us Members Guestbook Forum
</div>

Om man använder &nbsp; så behandlar den "About us" som ett ord. :birp

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