gleichmäßiger Abstand von Anker-Elementen

[Thomas Luethi]

Hallo,

Die Zeile p.navigation a { padding-left:1.2em; padding-right:1.2em; } in der .css, zu der mir an anderer Stelle geraten wurde, scheint überhaupt keinen Effekt auf die Anker zu haben...

Die "andere Stelle" war der alte Thread.
Dort habe ich Dir auch geantwortet: [pref:t=72136&m=417301]
Es klappt offenbar in gewissen Browsern nicht, weil A ein
Inline-Element ist.

Auf einer Testseite habe ich mal versucht, A mit
display:inline-block;
zu formatieren:
http://www.tiptom.ch/tests/fremdes/frunk01.html

Mozilla 1.5 zeigt es so an, wie ich es erwarte.
Der MS IE 6.0 sollte es eigentlich auch koenen,
sagt zumindest:
http://www.quirksmode.org/css/display.html#inlineblock

Dass der erste Link schoen links anfaengt und der letzte
ganz rechts aufhoert, und dass noch dazu die Abstaende
regelmaessig sind, kriegte ich nur mit einem sehr schmutzigen
Trick hin, naemlich mit einem Blind-GIF.
Prinzip: Alle Links (ausser dem ersten) haben links einen
margin von 0.5em.
Mit text-align:justify und genuegend Inhalt bringt man den
Browser dazu, die Woerter "im Blocksatz" auszurichten.
Ohne etwas, das den Inhalt des P-Elements auf zwei Zeilen zwingt,
brachte ich Mozilla allerdings (wohl zurecht) nicht dazu, text-align:justify
anzuwenden.
Hier also die schmutzige "Loesung":
http://www.tiptom.ch/tests/fremdes/frunk02.html

Beide Loesungen sind valides HTML 4.01 Transitional.
Das CSS ist auch valide, wobei der Validator offenbar
display:inline-block;
noch nicht kennt. Es ist halt auch erst CSS 2.1

Gruesse,

Thomas