Horizontale Navigation mit <li> trotzdem mehrzeilig?

[c_r]

Hallo Ashura

Vermitteln diese Bilder einen inhaltlichen Zweck oder dienen sie nur dem Layout?

naja, sie dienen nur dem Layout. Layoutänderung kommt aber nicht in Frage (stammt nicht von mir).

Wie sieht das CSS dazu aus?

Ich hab etwas rumgeprickelt und die folgende Lösung scheint zu funktionieren:

...hier der (vereinfachte) HTML-Teil:

<ul>
  <li>
      <a href="wort.html"> <!-- erster Menüeintrag -->
         <img src="images/wort.jpg">
         <br />
         wort
      </a>
   </li>
   <li>
      ... <!-- zweiter Menüeintrag -->
   </li>
</ul>

...und hier meine neue und verbesserte CSS-Lösung:

li {
   position: relative;
   top: 10px;
   float: left;
   margin-right: 30px;
   display: inline;
   }

Damit scheint's zu klappen. Bitte kommentiert das mal - ist das brauchbares CSS?

Gruß
Der Controller