Definitionsliste mit nebeneinander-Elementen

[Detlef G.]

Hallo nelly

<ul>
   <li>Bilder

<ul>
         <li>Bild 1</li>
         <li>Bild 2</li>
      </ul>
   </li>

<li>Texte</li>
</ul>

  
Hier befindet sich die innere Liste innerhalb eines Listenpunktes. Wenn du diesen Listenpunkt floatest, dann bildet er einen Block, in dem die Nachfahrenelemente wieder beliebig angeordnet werden können.  
  

> ~~~html
  

> <dl>  
>    <dt>Home</td>  
>       <dd>Bild 1</dd>  
>       <dd>Bild 2</dd>  
>    <dt>Texte</dt>  
> </dl>  
> </dl>  
> 

Hier sind die dd-Elemente _keine_ Nachfahren von dt.

Leider bringt ein dt { float:left } überhauptnichts. Die einzelnen Definitionen bleiben weiterhin untereinander.

Damit wird dt gefloatet, was auf die dd-Elemente keinen Enfluss hat, wenn diese im normalen Fluss liegen. Lediglich der Inlineinhalt dieser fließt um das dt-Element. Wenn jetzt dd auch gefloatet würde, würden diese auch nebeneinander angezeigt werden, also alle Elemente in einer Reihe (solange der Platz reicht.

Auf Wiederlesen
Detlef