✔ table: horizontales Listenmenu

[msycho]

Hallo!

Ich möchte in einem table ein horizontales Listenmenu umsetzen.
Es wird nur nicht horizontal sondern vertikal dargestellt.

Habt Ihr Rat wo der Haken ist?

HTML:

<tr>
        <td height="36" colspan="2" class="topnavi">
         <ul>
  	          <li><a class="navkopf" href="#">Link</a></li>
  		  <li><a class="navkopf" href="#">Link</a></li>
  		  <li><a class="navkopf" href="#">Link</a></li>
  		  <li><a class="navkopf" href="#">Link</a></li>
  		  <li><a class="navkopf" href="#">Link</a></li>
  		  <li><a class="navkopf" href="#">Link</a></li>
  		  <li><a class="navkopf" href="#">Link</a></li>
         </ul>
        </td>
       </tr>

CSS:

td.topnavi {
 background: url(tn_bg.png) 0 0 repeat-x;
}
td.topnavi ul {
 margin: 0;
 padding: 6px 0 0 0;
}
td.topnavi li {
 margin: 0;
 padding: 0;
 padding-right: 2px;
 list-style: none;
 background: url(tn_element_divider.png) 100% 0 repeat-y;
}

 

[Maik]

Hi,

zur horizontalen Ausrichtung des Listenmenüs fehlt noch für die Listenpunkte li die Angabe display:inline oder float:left.

 

[msycho]

Ach, jetzt klappt es. Vielen Dank!