Hintergrundgrafik wird nicht angezeigt
Michael Franke
- html
Hallo,
Ich bin heute zum ersten Mal in Eurem Forum und muss schon sagen, dass ich echt begeistert bin, wie sehr einem hier geholfen wird :-)
Bevor ich nun auf mein Problem eingehe, muss ich Euch zunächst die Ordnerstruktur meiner Homepage darlegen:
[X]
|
|- Layout.html
|- weitere Dateien usw
|- Ordner "Grafiken"
| |- Ordner "Layout"
| | |- Grafik "Rahmen_L.png"
| | |- Grafik "Eck_LU.png"
|- Ordner "Inc"
| |- Ordner "CSS"
| | |- Datei "Layout.css"
In die Datei "Layout.html" ist die Datei "Layout.css" eingebunden. In dieser CSS-Datei definiere ich die verschiedenen Div-Bereiche, die für die Erzeugung des Layouts zuständig sind.
In den verschiedenen Div-Bereichen habe ich jeweils eine Hintergrundgrafik definiert, die sich, wie bereits oben visualisiert, in einem anderen Ordner verbindet.
Die Datei Layout.html hat ausschnittsweise folgenden Aufbau:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="Inc/CSS/Layout.css">
</head>
<body>
<table id="Ausrichtung">
<tr>
<td id="Ausrichtung">
<div id="Container">
<div id="Register"></div>
<div id="RahmenLinks"></div>
...
...
...
</div>
</td>
</tr>
</table>
</body>
</html>
Die zugehörige CSS-Datei ausschnittsweise folgendermassen:
div#RahmenLinks
{
width: 16px;
height: 560px;
position: absolute;
top: 24px;
left: 0px;
background-image: url ("../../Grafiken/Layout/Rahmen_L.png") repeat-y;
}
Mein Problem ist nun, dass die definierte Grafik nicht angezeigt wird, obwohl der Pfad, meines Erachtens, richtig ist (ich programmiere nur mit einem Texteditor).
Was habe ich bei der Definition denn falsch gemacht ?
Danke für Eure Korrektur-Hinweise.
Gruss, Michael Franke
background-image: url ("../../Grafiken/Layout/Rahmen_L.png") repeat-y;
Das Leerzeichen zwischen "url" und der öffnenden Klammer hat da nichts zu suchen. Es ist vielleicht auch übersichtlicher, eine zum Server absolute URL zu benutzen, "/Grafiken/Layout/Rahmen_L.png" in diesem Fall.
Hallo,
Danke für Deine rasche Antwort.
Hab's jetzt folgendermassen geändert:
background-image: url(/Grafiken/Layout/Eck_LU.png) no-repeat;
Habe in SelfHTML nachgelesen, dass keine Anführungsstriche notiert werden.
Bringt aber leider auch nichts :-(
Die Grafik wird immer noch nicht angezeigt...
Michael Franke
Hallo Michael
Die Grafik wird immer noch nicht angezeigt...
Befindet sich Eck_LU.png wirklich in DeineDomain.tld/Grafiken/Layout/?
(Groß-/Kleinschreibung bei Datei- und Ordnernamen beachtet)
Wenn möglich, poste einen Link auf deine Homepage.
Auf Wiederlesen
Detlef
Hallo,
ändere
background-image: url(/Grafiken/Layout/Eck_LU.png) no-repeat;
in
background-image:url(/Grafiken/Layout/Eck_LU.png); no-repeat;
dann geht´s
(wenn die Grafik dort auch liegt)
Michael Franke
Grüße, ...
Hi,
background-image: url(/Grafiken/Layout/Eck_LU.png) no-repeat;
in
background-image:url(/Grafiken/Layout/Eck_LU.png); no-repeat;
dann geht´s
ist aber falsch, weil zum no-repeat noch background-repeat: fehlt.
cu,
Andreas
Hallo,
ist aber falsch, weil zum no-repeat noch background-repeat: fehlt.
Danke - hätte mir beim testen eigentlich auffallen sollen.
Wenn ich mich nämlich richtig erinnere, war mein Hintergrundbild
immer noch wiederholt :-)
cu,
Andreas
Grüße, ...
Hi,
abgesehen davon, daß ich die Verzeichbnisstruktur nicht sionnvoll finde und insb. das CSS in Hauptverzeichnis setzen würde, wäre ein Link zur Seite hilfreich.
Eine mögliche Ursache ist ja bereits genannt. Einige Browser haben AFAIK auch Probleme mit den Anführungszeichen hierbei, besser weglassen.
freundliche Grüße
Ingo