background-image:url(); funktioniert nicht in LISTE

[Schulli]

Hallo,

ich habe eine stinknormale Liste und will die Bullets durch Grafiken ersetzen. Ich weiß bereits das der backround-image:url(ldkfj); - Befehl nur funktioniert, sofern sich Text oder n Leerzeichen im Element befindet, daran kanns aber nicht liegen, weils ne Liste ist.
Jedenfalls ist mit dem StyleSheet alles OK, nur der Befehl background-image: url(pfeil.jpg); zeigt 0 Wirkung. Selbst wenn die Datei nicht exisitiert passiert nix. Er zeigt die Liste immer unverändrt im Ausgangszustand an. Die Schriftfarbe bspw. zu änderen, funktioniert jedoch. Also liegt es irgendwie an background-image:url(); kann mir bitte jemand sagen, was ich machen muss damit das funktioniert ?

Es zeigt keine Wirkung im IE, und ebenfalls nicht in Firefox PR1+. Danke schonmal für Eure Mühen.

Code HTML:

<ul>
   <li>sdf</li>
   <li>sss</li>
   <li>sss</li>
   <li>dsd</li>

</ul>

Code CSS:
ul{
    list-style-type:none;
    padding:0px;
    margin:0px;

}

li{
     background-image: url(pfeil.jpg);
  }

[Cheatah]

Hi,

Es zeigt keine Wirkung [...] in Firefox PR1+.

dann hast Du irgend etwas falsch gemacht, das sich an Deinem Code nicht erkennen lässt.

Cheatah

[Zeromancer]

Hallo,

Jedenfalls ist mit dem StyleSheet alles OK,

• das glaube ich nicht

nur der Befehl background-image: url(pfeil.jpg); zeigt 0 Wirkung. Selbst wenn die Datei nicht exisitiert passiert nix. Er zeigt die Liste immer unverändrt im Ausgangszustand an.

• weil dann wahrscheinlich der Raum, den das li-Element einnimmt, eine Hintergrundgrafik bekommen sollte?

Die Schriftfarbe bspw. zu änderen, funktioniert jedoch. Also liegt es irgendwie an background-image:url(); kann mir bitte jemand sagen, was ich machen muss damit das funktioniert ?

• Klar: Listenformatierung mit CSS

Es zeigt keine Wirkung im IE, und ebenfalls nicht in Firefox PR1+. Danke schonmal für Eure Mühen.

Und Opera? ;-)

li{
     background-image: url(pfeil.jpg);
  }

Wie gesagt, schau mal hier

Mit freundlichen Grüßen

André

[Schulli]

Jedenfalls ist mit dem StyleSheet alles OK,

• das glaube ich nicht

• ich meine mit der Einbindung, denn der Rest funktioniert.

nur der Befehl background-image: url(pfeil.jpg); zeigt 0 Wirkung. Selbst wenn die Datei nicht exisitiert passiert nix. Er zeigt die Liste immer unverändrt im Ausgangszustand an.

• weil dann wahrscheinlich der Raum, den das li-Element einnimmt, eine Hintergrundgrafik bekommen sollte?

li{
     background-image: url(pfeil.jpg);
  }

Wie gesagt, schau mal hier

• das habe ich ebenfalls schon probiert, hat auch keine Wirkung gezeigt, ich habe auch korrekten dateinmane + verzeichnisnamen + dateiendung verwendet, nix. Klappt einfach nicht. Ich benutze Phase 5 .3 als Editor.

Ich habe bewusst den Hintergrundbefehl genommen, weil bei dem list-style befehl jeder Browser die Abstände anders interpretiert und ich per backgroundimage url das dann mit no repeat und margin besser steuern kann. ausserdem müsste er ja wenigstens n hintergrundbild anzeigen, macht er aber nicht. und ich verstehe auch nicht warum. bei dem list-style-image funktioniert es ja auch nicht.

[MudGuard]

Hi,

• das habe ich ebenfalls schon probiert, hat auch keine Wirkung gezeigt, ich habe auch korrekten dateinmane + verzeichnisnamen + dateiendung verwendet, nix. Klappt einfach nicht. Ich benutze Phase 5 .3 als Editor.

Wie wärs, wenn Du mal mit der (natürlich verlinkten) URL der Seite rausrückst?

cu,
Andreas

[Schulli]

Wie wärs, wenn Du mal mit der (natürlich verlinkten) URL der Seite rausrückst?

Hi, kein Problem:

index.html -> http://www.8ung.at/schulli/test/index.html
style_all.css -> http://www.8ung.at/schulli/test/data/style_all.css
pfeil.gif -> http://www.8ung.at/schulli/test/pfeil.gif

[Detlef G.]

Hallo,

Wie wärs, wenn Du mal mit der (natürlich verlinkten) URL der Seite rausrückst?

Hi, kein Problem:

index.html -> http://www.8ung.at/schulli/test/index.html
style_all.css -> http://www.8ung.at/schulli/test/data/style_all.css

dort steht:
background-image:url(pfeil.gif)
also wird der Pfeil dort gesucht:

http://www.8ung.at/schulli/test/data/pfeil.gif gesucht.

pfeil.gif -> http://www.8ung.at/schulli/test/pfeil.gif

Wie du URLs verlinkten kannst

Auf Wiederlesen
Detlef

[Schulli]

Danke für Eure Hilfe, soweit habe ich nicht gedacht ;)

[Schulli]

Wie wärs, wenn Du mal mit der (natürlich verlinkten) URL der Seite rausrückst?

Hi, kein Problem:

index.html -> http://www.8ung.at/schulli/test/index.html
style_all.css -> http://www.8ung.at/schulli/test/data/style_all.css
pfeil.gif -> http://www.8ung.at/schulli/test/pfeil.gif

Kleiner Nachtrag:
folgende Einbindung funktioniert komischerweise korrekt (Befehl 1:1 übernommen mit strg+c und strg +v ^^)

<li style="background-image:url(pfeil.gif);">sdf</li>

[MudGuard]

Hi,

index.html -> http://www.8ung.at/schulli/test/index.html
style_all.css -> http://www.8ung.at/schulli/test/data/style_all.css
pfeil.gif -> http://www.8ung.at/schulli/test/pfeil.gif

style="background-image:url(pfeil.gif);"

Bei einer relativen URL in url() in CSS wird immer von der Stelle ausgegangen, wo das url() steht.
Also im Falle von style_all.css von dieser CSS-Datei aus - bei dem style-Attribut hingegen von der HTML-Datei aus.

cu,
Andreas