nicht angemeldet
Hallo,
Ich würde gerne in folgendem HTML-Gerüst:
<div id="nav">
<a href="#">Link1</a>
<a href="#">Link2</a>
<a href="#">Link3</a>
...
</div>die Links gleichmäßig auf die #nav verteilen und die breite Komplett ausnutzen.
#nav hat eine feste Breite, die Links passen locker in eine Zeile.
Gibt es da einen CSS-Trick den ich dafür anwenden kann?
#nav a { display:block; width:33%; }
sollte 3 Links gleichmässig verteilt darstellen.
Bei mehr Links 100% / Anzahl der Links.Grüße, Matze
Ok, ich bin schonmal näher an dem was ich suche, danke erstmal dafür :).
Ich habe den Ansatz etwas angepasst, indem ich <span>-tags um die Links habe. Die brauche ich leider weil die Links einen Hintergrundeffekt habe, der nur so breit sein soll wie auch die Schrift -> den Link breiter machen führte also zu Schwierigkeiten.
Leider habe ich jetzt 2 Effekte:
- Der letzte Link schließt leider nicht Bündig mir dem rechten Ende von div#nav ab, was ich noch sehr schön fände.
- Einer der Links hat einen ziemlich langen Text, der sich jetzt über 2 Zeilen verteilt, was ich auch lieber vermeiden würde.
Leider tritt beides sowohl mit als auch ohne span-tag auf.
Bin ich etwa am Ende der Möglichkeiten von CSS angekommen?
Ciao,
Layna