apstrakt: Horizontale Positionierung (ohne table)

Beitrag lesen

Hallo,

nach wie vor auf der Suche nach möglichst barrierefreien Gestaltungsmöglichkeiten stellt sich mir nun das Problem einer 1-zeiligen Tabelle, die lediglich aus Formatierungsgründen benutzt wird.

Beispiele:

1. Eine einzeilige Navigation, in der gewisse Breiten und Abstände der Elemente gegeben sein sollen:

Home | Links |     PHP    | JS | WYSIWYG |     Kontakt

2. Eine Liste, in der (wie mit Tabulatortaste einer Schreibmaschine oder bei einer Textverarbeitung) spaltenweise ausgerichtet wird:

Modul I    [download]
Modul II   [download]
Modul III  [download]

Die einige Lösung, die mir hierzu ad hoc einfällt:
<span style="display:block; width:200px>Modul I</span>[download] <br>
<span style="display:block; width:200px>Modul II</span>[download] <br>
<span style="display:block; width:200px>Modul III</span>[download] <br>

Nun meine Fragen:

  • Tabulatoren zu definieren ist mit CSS und/oder HTML nicht möglich, oder? Sehe ich doch richtig?
  • Ist die oben dargestellte Lösung, aus Inline- Block-Elemente zu machen und diesen feste Breiten (ggf. mit relativer Maßeinheit wie em) zuzuordnen wirklich die einzige Möglichkeit, wenn sich keine Tabelle rechtfertigen läßt?

Tschau,
apstrakt