list-style-image + ie7 = problem

[joextra]

hi,

wenn ich list-style-image für listen benütze, zeigt der ie7 nichts an. im ff & ie6 gibts dagegen keine probleme. weiß jemand woran es liegen könnte?

[Adromir]

*rätsel* Nö..
Vielleicht Selektor falsch gewählt? Also z.B. auf li angewand, anstelle vom ul/ol?

[joextra]

ich habe tatsächlich li angewand, aber ol bringt auch nichts.
bei den beispielen die man findet, wird auch li angewendet

[Adromir]

Also soweit ich weiß, muss man das list-style auf die Liste anwenden (also ol oder ul) und nicht auf die einzelnen Listenelemente...

[joextra]

also das css schaut z.z. so aus:
ul{
float: left;
padding: 0;
margin: 0;
list-style: none;
height:16px;
list-style-image: url(../images/arrow.gif);
}

li{
position: relative;
}

html:
<ul>
<li>
<a href="" target="_blank"></a><br />
</li>
</ul>

so wird das image mal angezeigt mal nicht

[joextra]

also, ich habe es jetzt geschaft das die grafik angezeigt wird. habe jetzt aber eine weitere frage: wie kann ich den abstand von der grafik zum text verändern? hab schon viel probiert, aber komme nicht weiter

[joextra]

ok, das habe ich auch geschaft. aber was ich nicht schaffe ist das diese blöde grafik auf einer linie mit dem text steht. die geht leicht darüber. das ist echt zum k....

[Adromir]

Versuch es mal so: Du gibst den li- Elementen eine height und line-height die der Größe der Graphik entspricht und ein vertical-align:middle .

[joextra]

so gehts leider auch nicht. ich habe es mittlerweile geschaft, das es einiger maßen ok aussieht. doch jetzt habe ich ein anderes komische phänomen: mal erscheinen die pfeile im ie 6 & 7 mal nicht. ich habe in einer html zwei listen. eine oben eine etwas weiter unten. die untere wird immer angezeigt, die obere durchschnittlich bei jeden zweiten reload. was soll das?

[joextra]

ich bin etwas weiter gekommen. ich habe eine bsp html datei erstellt. wenn ich diese direkt starte gibt es keine probleme, und die grafik wird problemlos dargestellt, starte ich die aber über meinen lokalen server (xampp) starte, tritt dieses phänomen auf, das die grafik mal angezeigt wird mal nicht. woran kann das liegen?

[Boris]

Verpass das Bild jedem LI doch als background-image - das funktioniert auch sehr gut und du kannst auch die Position besser bestimmen.

[joextra]

ne du, das ändere ich jetzt nicht mehr. ist zu viel. trotzdem ist es komisch das die grafik beim ie nicht immer angezeigt wird.

[joextra]

so leute. ich konnte endlich die fehlerquelle lokalisieren. es liegt am float:left, nur weiß ich jetzt nicht wie ich das beheben soll. hab schon sehr viel ausprobiert und bin so langsam am verzweifeln. vielleicht könnt ihr mir weiter helfen?
das ganze problem liegt hier:

.contentText {
	float:left;
	margin-left:16px;
	margin-top:8px;
	color:#D2D2D2;
	font-family:Verdana, Arial;
	font-size:11px;
	line-height:16px;
	text-align:left;
	width:486px;
}

dadurch scheint die grafik beim ie verdeckt zu werden

so sieht das css für die liste aus:

ul{
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
    list-style: disc outside;
	list-style-image: url(../images/arrow.gif);
}

li{
	vertical-align: baseline;
}

[joextra]

na, hat den keine eine idee an was es liegen könnte?

[Boris]

Wie gesagt - mit background und background-position (und zwar NUR so) kannst du die Position des Bildes nach deinen Wünschen ausrichten. Alles andere kannst du vergessen.

Und das jetzt umzubauen ist eine Sache von einigen Sekunden