Stylesheet nimmt Bild nicht auf
HHS
- css
0 Der Martin0 HHS0 Gunnar Bittersmann0 Der Martin0 HHS
0 Cyx230 HHS
Hi,
Arbeite gerade nebenher an meiner Homepage und habe das Problem, das das im externen Stylesheet beschriebene Hintergrundbild nicht auftaucht.
Definiere ich den Stylesheet intern, klappt es, ist aber nicht meine Vorstellung von sauberen Html.
Interner Stylesheet:
"<title>##</title>
<link rel="stylesheet" type="text/css"
href="text/css">
<!--Stylesheet-->
<style type="text/css">
#zentriert {position:absolute;
top:50%;
left:50%;
width:90%;
height:auto;
margin-left:-40%;
margin-right:auto;
margin-top:-15em;}
div.body {background-position:left bottom;
background-image:url(bilder/titelbild.jpg);
background-repeat: no-repeat;
text-align:left;
border-style:solid;
height:auto;
width:90%;}
div.head_content {hight:auto;
text-align:center;}"
usw.
Mit externer Stylesheet:
"<title>##</title>
<!--Stylesheet-->
<link rel="stylesheet" href="style/layout.css">
<link rel="stylesheet" href="style/text.css">
<link rel="stylesheet" href="style/menu.css">
</head>
<body>
<div id="zentriert">
<div id="head">
<img src="grafik/logo.gif" alt="Das Homepage-Logo"/>
</div>
<!-- head //-->
<div class="body">
<!--Box mit dem eigentlichen Inhalt wie Navigation senkrecht und waagrecht, sowie dem Hintergrundbild und dem eigentlichen Content-->
<!--waagrechte Navigation als Liste-->
<div class="head_content"></div>"
usw.
Was mache ich falsch?
Danke
Gruß
HHS
Hallo,
ich vermute mal, dass in deinem Codeausschnitt ein paar Kopierfehler stecken. Denn sowas:
<link rel="stylesheet" type="text/css" href="text/css">
sieht irgendwie verdächtig nach einem solchen aus (oder stimmt das href-Attribut so wirklich?).
Was mache ich falsch?
Wahrscheinlich hast du nicht bedacht, dass der Pfad zu den Grafikdateien jetzt relativ zur CSS-Datei sein muss (oder absolut vom Root aus), und nicht mehr relativ zum Hauptdokument. Wenn die CSS-Datei selbst in einem anderen Verzeichnis steckt als die HTML-Datei, ist das ein "beliebter" Fehler.
So long,
Martin
Hallo,
Hallo,
ich vermute mal, dass in deinem Codeausschnitt ein paar Kopierfehler stecken. Denn sowas:
<link rel="stylesheet" type="text/css" href="text/css">
sieht irgendwie verdächtig nach einem solchen aus (oder stimmt das href-Attribut so wirklich?).
Stimmt. Beim Herunterkopieren hier für die Anfrage ist was schief gegangen.
Was mache ich falsch?
Wahrscheinlich hast du nicht bedacht, dass der Pfad zu den Grafikdateien jetzt relativ zur CSS-Datei sein muss (oder absolut vom Root aus), und nicht mehr relativ zum Hauptdokument. Wenn die CSS-Datei selbst in einem anderen Verzeichnis steckt als die HTML-Datei, ist das ein "beliebter" Fehler.
O.K. Aber im gesamten SelfHtml-Kompendium fand ich nix darüber.
Wie krieg ich ihn den Pfad nun relativ zur CSS-Datei?
Thanx
HHS
Wie krieg ich ihn den Pfad nun relativ zur CSS-Datei?
Deine CSS-Datei liegt im Verzeichnis FOO/style; titelbild.jpg liegt in FOO/bilder (wobei FOO das Verzeichnis ist, in dem deine HTML-Datei liegt).
Du musst also von FOO/style ins übergeordnete Verzeichnis FOO gehen (..), von _dort_ aus ins Verzeichnis bilder, also ../bilder.
Live long and prosper,
Gunnar
n'Abend nochmal,
Stimmt. Beim Herunterkopieren hier für die Anfrage ist was schief gegangen.
*g* Dachte ich mir. Naja, kommt vor.
Wahrscheinlich hast du nicht bedacht, dass der Pfad zu den Grafikdateien jetzt relativ zur CSS-Datei sein muss ...
O.K. Aber im gesamten SelfHtml-Kompendium fand ich nix darüber.
Hmm, das mag sein - hab ich noch nicht drauf geachtet. Ich muss zugeben, ich bin damals auch durch persönlichen Rat darauf gestoßen worden.
Wie krieg ich ihn den Pfad nun relativ zur CSS-Datei?
Du kennst deine Verzeichnishierarchie?
Und du weißt, wie man Dateien/Ressourcen adressieren kann?
Du kennst den Unterschied zwischen
"verzeichnis/datei.ext"
"/verzeichnis/datei.ext"
"./verzeichnis/datei.ext"
"../verzeichnis/datei.ext" ?
Dann müsstest du es mit etwas Überlegung hinkriegen! ;-)
So long,
Martin
Jo, nabend nochmals von mir...
Hmm, das mag sein - hab ich noch nicht drauf geachtet. Ich muss zugeben, ich bin damals auch durch persönlichen Rat darauf gestoßen worden.
Wie krieg ich ihn den Pfad nun relativ zur CSS-Datei?
Du kennst deine Verzeichnishierarchie?
Und du weißt, wie man Dateien/Ressourcen adressieren kann?
Du kennst den Unterschied zwischen
"verzeichnis/datei.ext"
"/verzeichnis/datei.ext"
"./verzeichnis/datei.ext"
"../verzeichnis/datei.ext" ?
Dann müsstest du es mit etwas Überlegung hinkriegen! ;-)
Das waren zugegebenermaßen auch meine ersten Gedanken, probierte alles durch, doch kein Erfolg.
Hier mal zwei Beispiele:
1. mit Hintergrundbild, aber sehr unsauberes Html
www.hoerbird.de/index.html
2. ohne, aber schon sehr viel saubereres Html
www.hoerbird.de/muster.c.html
Gruß
HHS
Hallo,
<link rel="stylesheet" type="text/css"
href="text/css">
href="text/css" taucht wohl nur hier im Posting auf?
Wenn es nicht was mit den Pfaden ist (ginge auf dem Server sowas bei dir: /bilder/titelbild.jpg?)
bleibt als wahrscheinliche Ursache wohl erstmal irgendein Flüchtigkeitsfehler, möglich wäre auch
ein Parsing-Fehler unmittelbar vor der betr. Anweisung.
Grüsse
Cyx23
Hi,
Wenn es nicht was mit den Pfaden ist (ginge auf dem Server sowas bei dir: /bilder/titelbild.jpg?)
Nein, geht auch nicht...
bleibt als wahrscheinliche Ursache wohl erstmal irgendein Flüchtigkeitsfehler, möglich wäre auch
ein Parsing-Fehler unmittelbar vor der betr. Anweisung.
Alles durchgeschaut, dürfte kein Schreibfehler soder sowas sein, es muß noch ane andere Ursache haben.
Thanx
HHS