molily: Links mit   voneinander trennen... gehts auch eleganter?

Beitrag lesen

Hallo, Cheatah,

Bekomme ich den Abstand zwischen den Links auch eleganter hin? Mit den vielen   ist es ja doch recht Code-aufquellend.

eleganter: vielleicht. Weniger aufwändig: kaum.

Nein.  Jein, s/kaum/gar nicht/.

Was hälst Du hiervon:
a:after { content:"  |  "; }
a.last:after { content:none; }

<a href="...">...</a><a href="...">...</a><a href="..." class="last">...</a>

<linksetzer>http://www.w3.org/Consortium/Offices/Germany/Trans/WAI/webinhalt.html#tech-divide-links</linksetzer>

Jetzt bitte noch einmal darüber nachdenken, ob zwei aneinanderstoßende Links sinnvoll sind.  Trennzeichen (oder mindestens Leerzeichen) zwischen Links haben nämlich nix mit der Optik zu tun, sie sind notwendig und können nicht an CSS-Regeln delegiert werden, sondern müssen im Markup vorhanden sein.

Jetzt reite bitte nicht auf dem "until user agents..." herum. Unabhängig davon ist es sinnvoll, momentan friemelt kein gängiger Browser zusammenklebende Links auseinander, und höchstens assistative Techniken werden das IMHO in Zukunft tun.

Selbst wenn die Mehrheit der Browser die CSS-Variante unterstützen würde (was sie hoffentlich zukünftig tun wird), ist man jedoch auf ewig dazu verdammt ;), nicht zu Links gehörige Zeichen zwischen Links zu schreiben. Eventuell könnte man mit ul arbeiten und li {display:inline; margin:0; content:" | "; ...}, geht das? Nur ein Gedanke.

Mathias