bg image wird nicht angezeigt

[Wishu]

hallo zusammen,

ich hab da ein kleines Problem, ich versuche ein Bild vor einen Link in der Navi zu setzen, was bei meinem jetzigen design auch super funktioniert. doch klappt es bei dem was ich jetzt probiere nicht. ich zeig mal den code:

#navleft a {
font-size:0.7em;
color:#B2DDFF;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
text-decoration:none;
display:block;
background-color:#424D9E;
border-top:1px #878C9E solid;
border-bottom:1px #010000 solid;
background-image:url("../design/link.gif");
background-repeat:no-repeat;
background-position:2px;
}

#navleft a:hover {
color:#E8F5FF;
background-image:url("../design/link_h.gif");
background-color:#3E4893;
}

die grafiken liegen auch root/design/ also ich weiß echt nicht wo das problem ist. wenn ich den kompletten Pfad angebe klappt es... aber das is ja auch nich das wahre.

Gruß
Wishu

[Peter0308]

AW: bg image wird nicht angezeigt

Hi,

ich weiß nicht ob es daran liegt, aber <ul> ist doch ein Blockelement. Und ich weiß nicht ob sich die Angaben vom div auf alle enthaltenen Blockelemente vererben.

Probiers doch mal mit der Angabe:

#navleft ul a {
...
}

und das gleiche dann für a:hover.


Peter

p.s.
Ich habe übrigens ein ähnliches Problem. Bei meiner Testseite (für Interessenten) funktionieren die background-img mit a; a:hover einwandfrei. Nur bei a:visited wills einfach nicht hinhauen.

[Wishu]

AW: bg image wird nicht angezeigt

nein bringt leider gar nichts. ich hab das problem irgendwie öfter, dass er den bg nich annehmen will für gewöhnlich genügt es wenn ich mir denn einen teil aus meinen code kopiere der funktioniert... auch wenns haargenau so aussieht.

[Peter0308]

AW: bg image wird nicht angezeigt

Hi,

hast du schon versucht die URL ohne Root anzugeben?

.... url(design/link.gif)

So mach ich das zumindest immer.

Ach ja .... bei mir sehen die beiden gifs (link.gif und link_h.gif) irgendwie identisch aus.

Peter

[Ingo]

AW: bg image wird nicht angezeigt

Hi,

wenn ich den kompletten Pfad angebe klappt es...

daran liegts auch. Du hast nicht berücksichtgt, dass relative Referenzierung von dem Verzeichnis ausgeht, in dem die CSS-Datei liegt.

Gruß
Ingo

[Wishu]

AW: bg image wird nicht angezeigt

jetzt ist mein weltbild zerstört... ich habs mit anführungszeichen und mit ../ gelernt und hat auch immer gefunzt. jetzt funktioniert das, wo alle sagen so soll mans nicht machen T_T

die seite die du siehst uner www.wishu.de ist auch nicht die die ich gerade bearbeite. Und die Bilder sind nicht ganz identisch. der punkt in der mitte leuchtet wenn man drüber fährt ^^

Aber danke erstmal.

Gruß
Wishu


Edit (autom. Beitragszusammenführung):

Hi,

daran liegts auch. Du hast nicht berücksichtgt, dass relative Referenzierung von dem Verzeichnis ausgeht, in dem die CSS-Datei liegt.

Gruß
Ingo

die CSS datei liegt im root und bei der seite wos funzt im ordner css

[Ingo]

AW: bg image wird nicht angezeigt

Hi,

die CSS datei liegt im root

also kann es kein "../" geben.

Gruß
Ingo

[Wishu]

AW: bg image wird nicht angezeigt

*kopf meets tischplatte* hätt ich auch selbst drauf kommen können... aber wie kommts, dass es mit den Anführungszeichen nicht funktioniert hat?
habs ja auch ohne root probiert

Gruß
Wishu

[Ingo]

AW: bg image wird nicht angezeigt

aber wie kommts, dass es mit den Anführungszeichen nicht funktioniert hat?

Fehler von Dir oder Browserbug. Laut Standard ist das egal:

The format of a URI value is 'url(' followed by optional whitespace followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional whitespace followed by ')'. The two quote characters must be the same.

Gruß
Ingo