definitionsliste: definition auf gleicher zeile weiterfahren

[noskule]

hallo alle
versuch grad ohne erfolg eine definitionsliste mit css so zu stylen dass die erklärung der definition auf der gleichen zeile weiterfährt. Ist das eigentlich überhaupt möglich oder mach ichs nicht richtig.

sollte das nicht einfah mit dd display:inline funktionieren?

grz nos

[Gunnar Bittersmann]

Hello out there!

sollte das nicht einfah mit dd display:inline funktionieren?

Nicht, wenn dt für diese Eigenschaft noch den Wert 'block' hat.

Entweder das noch ändern, oder 'float: left' für dt, dann kann dd auch display: block' sein.

See ya up the road,
Gunnar

[at]

Hallo.

Entweder das noch ändern, oder 'float: left' für dt, dann kann dd auch display: block' sein.

Auf diese Weise kann man dann auch eine tabellenähnliche Optik erzeugen, bei der also die Definition nicht nur durch ein Leerzeichen vom zu definierenden Term abgegrenzt ist.
MfG, at

[Tim Tepaße]

Hallo,

versuch grad ohne erfolg eine definitionsliste mit css so zu stylen dass die erklärung der definition auf der gleichen zeile weiterfährt. Ist das eigentlich überhaupt möglich oder mach ichs nicht richtig. sollte das nicht einfah mit dd display:inline funktionieren?

dt, dd { display:inline; }

Allerdings schmiert das alles in eine Reihe, wenn es mehrere Definitionen in der Definitionsliste gibt. Idealer im Sinne des CSS Layout Modells wäre wohl eher so etwas:

dt { display:run-in; }  
dd { display:block; }

Bei der derzeitigen Browsersituation wäre man aber wohl mit einer Nutzung von float glücklicher.

Erlaube mir einen weiteren Hinweis auf eine mögliche Fehlerquelle bei dieser Art Darstellung: Definitionslisten dürfen mehrere zu definierende Terme und mehrere Definitionen für einen oder mehrere Terme enthalten. Stell Dir mal diesen möglichen Eintrag einer Definitionsliste vor, wenn alles inline formatiert ist:

<dl lang="en">  
<dt lang="en-GB">centre</dt>  
<dt lang="en-US">center</dt>  
<dd>the middle point of a circle or sphere, equidistant from every point on the circumference or surface</dd>  
<dd>a place or group of buildings where a specified activity is concentrated</dd>  
</dl>

Etwas unpraktisch, nicht?

Tim

[at]

Hallo.

Etwas unpraktisch, nicht?

Aber mit geeignetetn Selektoren doch kein unlösbares Problem.
MfG, at

[Tim Tepaße]

Hallo at,

Aber mit geeignetetn Selektoren doch kein unlösbares Problem.

Nicht unbedingt, nein. Aber Selektoren wie dt + dt::before im heutigen Web? Nun ja.

Tim

[at]

Hallo.

Aber Selektoren wie dt + dt::before im heutigen Web? Nun ja.

Die Alternative ist der ausgeprägte Einsatz von Klassen oder ID, zumindest auf Seiten, die für IE-Nutzer geeignet sein sollen. Manchmal ist mir die Eleganz einer nur in modernen Browsern akzeptablen Lösung sogar wert, auf eine eigens angefertigte IE-kompatible Seite nur jeweils mittels eines in Conditional Comments verpackten sofortigen Meta-Refresh zu verweisen. Die Origianlseiten heißen dann .html und die IE-Seiten .htm.
MfG, at