[deeesi]

Hallo zusammen!


Ich habe ein Problem, und zwar folgendes:

Ich möchte mit Stylesheets eine Liste so formatieren, dass sie nicht untereinander, sondern nebeneinander steht.

Habe das mit "float:left" für die <li>-Tags gemacht.
Im Firefox ist alles ok, aber im Internet Explorer verschwinden die Listenaufzählungs-Zeichen.

Auf http://www.bestviewed.de/css/bsp/float/#ul habe ich eine angebliche Lösung gefunden, die aber nicht funktioniert.


Der CSS-Code:

#mainnavi ul{
position:absolute;
width:510px;
background-color:#ffffff;
}

#mainnavi li{
float:left;
margin-right:32px;
}

.mainmenue{
list-style-image:url(img/mainmenue.gif);
color:#FF5B0D;
line-height:22px;
margin-top:14px;
}


Und das Stück HTML-Code:

<div id="mainnavi">

<ul class="mainmenue">
<li><span><a href="#">About me</a></span></li>
<li><span><a href="#">Job</a></span></li>
<li><span><a href="#">My work</a></span></li>
<li><span><a href="#">Photoalbum</a></span></li>
<li><span><a href="#">Guestbook</a></span></li>
<li><span><a href="#">Links</a></span></li>
</ul>

</div>


Kann mir jemand weiterhelfen? Danke schon mal...Gruß desireeS-H

[calvin]

vergiss float:left - was du brauchst ist wohl:

li {
display: inline;
}

'ne gute hilfe zu listen als menü findest du auch unter "taming lists"

[beeviZ]

mit display: inline; kannste aber hinterher nicht mehr direkt ohne tricks ne höhe definieren, was manchmal n ziemlicher nachteil werden kann.

aber wozu brauchste eigentlich die hässlichen listenpunkte bei ner vertikalen liste?

[deeesi]

das mit dem display:inline funzt irgendwe nicht...dann sind nämlich im Firefox die listenzeichen auch weg

@beeviZ: ich brauche nicht die hässlichen Listenpunkte...ich hab mir selber welche gebastelt...in Schön

[calvin]

vergiss die eignen bullet-points - die machen immer Ärger wenn du versuchts die am text auszurichten (vertikal mittig z.b.). mein tip machs mit hintergrundbildern: li {background: transparent url(deinbild.gif) 0 60%; padding-left: *entsprechend deinem bild*px}

[deeesi]

danke, ich werds morgen mal ausprobieren...heut leider keine zeit mehr

[deeesi]

nein, das geht auch nicht...ich verzweifel

[calvin]

post doch mal deinen quelltext