[_Paul_]

Hallo :)

Ich verzweifle gerade am IE6. Es geht um die Darstellung eines Listenpunktes, in den ein Bild und dann noch Text integriert ist.

So soll das ganze aussehen:



Und so siehts im IE6 aus:



Wie man sieht, wird der Stern im IE6 in eine neue Zeile verrückt und die Bezeichnung "Webteam" fällt weg.

[DesignKater]

Findest du nicht da steht ein bischen viel Code in deinem Listenelement drin? Was solln das Bild in der Liste und dann ncoh der ink zusätzlich? Du zerschießt dir alles durch deine ganzen Positionierungen und durch das Padding-Left für den Link innerhalb des <li>...</li>. Und setz um Himmelswillen die Grafik als Background-Image in die Liste rein.

Versuch doch deine Links in der Liste so zu definieren:

#mainNavi ul{margin:0px; padding:0px; list-style:none;}

#mainNavi li a{
float:left;
line-height:30px;
list-style:none;
margin:0;
padding:0px 10px 0px 10px;
background-image: url('bildfürdeinnormalenstatus');
font-size:9pt;
text-align:left;
}

#mainNavi li a:hover{
float:left;
line-height:30px;
list-style:none;
margin:0;
padding:0px 10px 0px 10px;
background-image: url('bildfürdeinoverstatus');
font-size:9pt;
text-align:left;
}

Das Listenelement an sich sieht dann so aus:

<li><a href="#">Webteam</a></li>

[_Paul_]

Ich zitier mich mal selbst: