Vertikale Navigation in horizontale ändern

[MrMurphy]

Hallo,

ich habe mittels einer ungeordneten Liste eine vertikale Navigation mit Hintergrundbildern erstellt.

Die möchte ich jetzt in eine horizontale ändern. Wie bekomme ich das hin? Ich habe bereits versucht, dem ul oder li ein float: left; mitzugeben, aber das funktioniert leider nicht.

Navigation Horizontal

Gruss

MrMurphy

 

[Space Vampire]

float:left afs <li> sollte aber funktionieren.
ebenso display:inline
bei letzterem geht auch automatisch der list-style verloren und muss nicht manuell entfernt werden

 

[MrMurphy]

Hallo,

ich habe jetzt mal eine Datei erstellt, bei der dem li "float: left;" und "display: inline;" hinzugefügt sind. Außer das die Buttons abgeschnitten sind ändert sich leider nichts:

Navigation Horizontal

Gruss

MrMurphy

 

[prm]

Entferne hier den width-Wert:

ul#menue-horizontal {
   padding: 0px;
   border: 0px;
   margin:0px;
  width: 150px;
}

 

[MrMurphy]

Hallo

Entferne hier den width-Wert:

Danke, das war der richtige Weg.

Das Entfernen alleine hat zwar erst mal nur die gewünschte horizontale Navigation gebracht, aber leider nicht in einer fehlerfreien Darstellung:

Navigation Horizontal

Dann habe ich das width wieder eingefügt, diesmal aber beim li und dem li gleichzeitig einen rechten margin hinzugefügt. Jetzt entspricht die Darstellung meinen Vorstellungen:

Navigation Horizontal

Gruss

MrMurphy