Definitionsliste als Tabelle darstellen
Das HTML-DL-Element ist bei einer Liste von Definitionen oder Erklärungen semantisch besser geeignet als eine Tabelle. Das Objekt lässt sich mit CSS jedoch wie eine Tabelle darstellen.
- Begriff 1
- Erklärung 1 ist länger, soll in eine zweite Zeile fallen, macht sie das? Ja, gut!
- Begriff 2
- Erklärung 2
- Begriff 3
- Erklärung 3
Der Begriff darf mit dieser Methode nicht länger sein als die angegebene Breite des DT-Elements. Lösung gesucht.
HTML-Code
- Begriff 1
- Erklärung 1
- Begriff 2
- Erklärung 2
- Begriff 3
- Erklärung 3
CSS-Code
dl dt {
float:left;
width:8em;
font-weight:bolder;
}
dl dd {
padding-left:10em;
border-bottom:1px solid #ccc;
}
Auch interessant: Balken-Diagramme im Web-Design - cold-heat.de