• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Listen: list-style-image verträgt sich mit display:inline nicht

H

Herr-Vorragend

Guest
Hi,

folgendes Beispiel:
HTML: 
<html>
<head>

<style>
ul
{
	list-style-image: url(img.gif);
}
ul li
{
	display: inline;
}
</style>
</head>

<body>

<ul>
	<li>bla</li>
	<li>blub</li>
</ul>

</body>
</html>

Wenn man display auf "block" stellt funktioniert alles, d.h. die Grafik wird als Listensymbol angezeigt, so wie ich mir das gedacht habe. Nun will ich aber eine horizontale Liste haben, weshalb ich display auf inline gestellt habe. Aber nun wird keine Grafik mehr angezeigt, egal was ich mache.

Ich hoffe ihr könnt mir helfen,

Danke
MfG, Herr-Vorragend
 
Code: 
ul li
{
	float:left;
}
Hat den selben Effekt.
Nach dem letzten Listenelement dann float wieder aufheben (clear:left)
 
Hmm ja hat denselben Effekt, es wird auch keine Grafik angezeigt :)

Edit: Ich seh grad, dass es im Firefox so funktioniert, schonmal danke, aber im IE wird immernoch nichts angezeigt.
 
Probiere hiermit mal etwas rum:
Code: 
ul
{
	list-style-image: url(img.gif);
        list-style-position:inside;
}
ul li
{
	float: left;
        padding-left:15px;
}
 
:)
Naja danke, dann wart ich mal noch geduldig auf weitere Hilfe ^^
 
Und wenn Du bei "ul li" das "ul" einfach mal weglässt? Ist eh unnötig.
Wenn bis morgen keiner was weiß, schmeiß' ich meine Windoofskiste an und checke das mal.
Heute habe ich dazu echt keine Lust mehr...
 
Nope, nützt auch nüscht.Meld mich dann notfalls morgen nochmal. Danke
 
Zwischen die li's kommen Links rein?
Falls ja, schlage ich Dir folgendes, grobgezimmertes vor: Dokumenttitel
Musst Du halt noch nach Deinen Wünschen anpassen.
 
Zuletzt bearbeitet:
Ja warum eigentlich nicht, auf die Idee mit dem Hintergrund bin ich gar nicht gekommen. Vielen Dank!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben