Alternativen zu Tabellen

[Matthias Scharwies]

Servus!

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...

Meinst Du, dass es dem TE um die Ränder ging?

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.

Eine Bitte an alle!

Wenn ihr so was seht, ergänze es, setzt einen Link, oder zumindest ein ToDo!

• Referenz:HTML/li (das value-Attribut war doch drin?
• https://wiki.selfhtml.org/wiki/HTML/Textstrukturierung/ol#Nummerierung_beeinflussen

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

Rolf

Herzliche Grüße

Matthias Scharwies