Alternativen zu Tabellen

[Rolf B]

Hallo Matthias,

das Wiki verschweigt den Umstand, dass das folgende Markup zulässig ist

Each term-description group consists of one or more terms (represented by dt elements) possibly as children of a div element child ...

Also:

<dl>
   <div>
      <dt>Definitionsliste</dt>
      <dd>Eine Aufzählung von Definitionen</dd>
   </div>
</dl>

Das hat man zugelassen, um nicht ein eigenes gruppierendes Element für Definitionslisten erschaffen zu müssen. Damit lassen sich dann passende Ränder erzeugen. Man muss nur die Breite der dt strikt festlegen und kann sie sich nicht an die Wortlänge der definierten Begriffe auto-anpassen lassen (es sei denn, man formatiert die dl als Grid und legt sich auf genau ein dd pro dt fest). Aber auch dann klappt das buchstabenübergreifend nicht. Oder vielleicht doch, mit einem ::before-Element und einem handgemachten Counter. Keine Zeit zum Ausprobieren, habe gleich einen Termin...

Der Trick, wie man die Listen-„Nummerierung“ (A,B,C,D,...) mittig über den li Inhalt bekommt, hätte ich aber gerne noch gesehen. Dafür bin ich zu dumm.

Da der Wiki-Referenzeintrag zu <li> es verschweigt: Setzen der Listennummer geht mit start am ol Element oder value am li Element. Wichtig, wenn es zu einem Buchstaben keine Begriffe gibt.

Update: Beitrag parallel zu Felix geschrieben, schön dass wir das gleiche denken 😂

Rolf