nicht angemeldet
Image in CSS-Datei
AugeHallo!
Ich habe in meiner HTML-Seite eine externe CSS-Datei eingebunden.
Struktur:
/
|--index.html
|--<CSS>
| |--style.css
|--<IMG>
|--image.jpg
In dieser CSS-Datei habe ich folgendes reingepackt:
...
background-img:url(img/lay.jpg);background-repeat:no-repeat;
...
Nur wird leider das Bild nicht angezeigt.
Was mache ich falsch?
thx
hansi
-
Hi hansis!
Nur wird leider das Bild nicht angezeigt.
Was mache ich falsch?Wenn Sie background-image in einer Seite separaten CSS-Datei notieren, beziehen sich relative Pfadangaben auf das Verzeichnis, in dem diese Stylesheet-Datei liegt.
Quelle: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_imageMfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
Hallo!
Mal Danke für die schnellen Antworten.
Leider hat es nicht funktioniert.Die CSS-Datei binde ich folgendermassen ein:
<link rel="stylesheet" type="text/css" href="css/format.css">Es ist egal ob ich in der CSS-Datei den Pfad relativ oder absolut angebe.
Nichts funktioniert.Es muss also an was anderes liegen?
lg
hansi-
Hi hansis!
Es ist egal ob ich in der CSS-Datei den Pfad relativ oder absolut angebe.
Nichts funktioniert.
Es muss also an was anderes liegen?Meine Antwort bezog sich nicht nur auf die Pfadangabe. Die CSS-Eigenschaft heisst
background-image, nicht background-img.MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
Hallo!
Das wars!
Habe ich total überlesen, da ich sonst immer mit "img" arbeite.Recht herzlichen Dank für die schnelle Hilfe.
lg
hansi
-
-
-
-
Seid gegrüßt!
/
|--index.html
|--<CSS>
| |--style.css
|--<IMG>
|--image.jpgbackground-img:url(img/lay.jpg);background-repeat:no-repeat;
Der Pfad zum Bild muss ausgehend von der CSS sein:
Also ist
background-img:url(../img/lay.jpg);background-repeat:no-repeat;
besser.--
Bis Später
RuD
________________________________________________________________
SelfCode: ie:% fl:( br:^ va:) ls:< fo:| rl:( n4:& ss:) de:> js:| ch:| mo:| zu:) -
Hallo
Ich habe in meiner HTML-Seite eine externe CSS-Datei eingebunden.
Struktur:
/
|--index.html
|--<CSS>
| |--style.css
|--<IMG>
|--image.jpgIn dieser CSS-Datei habe ich folgendes reingepackt:
...
background-img:url(img/lay.jpg);background-repeat:no-repeat;
...Nur wird leider das Bild nicht angezeigt.
Was mache ich falsch?Um neben den beiden Hinweisen noch einen hinzuzufügen:
Du kannst das Bild auch <http://de.selfhtml.org/html/allgemein/referenzieren.htm#absolut@title=innerhalb der Document Root absolut referenzieren>. Das hat den Vorteil, dass, auch wenn du später die CSS-Datei in ein tiefer liegendes Unterverzeichnis packen solltest, der Pfad immer noch gültig ist, da die Pfadangabe von der höchsten per HTTP erreichbaren Ebene ausgeht. Das gesagte gilt auch für projektinterne Links.
Meiner Meinung nach ist das das sicherste Vorgehen, auch wenn es am Anfang etwas gewöhnungsbedürftig sein kann.
Tschö, Auge
-
Hallo Hansi,
und ich setz auch noch einen drauf.
Ergänzend zu den Angaben meiner Vorposter, möchte ich noch darauf hinweisen, dass, wenn Du ein 'lay.jpg' anzeigen lassen willst, ein 'lay.jpg' im 'img'-Verzeichnis auch vorhanden sein muss. In Deinem Beispiel liegt dort aber lediglich ein 'image.jpg'.
Gruß vom foomaker
--
Natürlich glaube ich an die Existenz von Ausserirdischen. Schliesslich gibt es ja auch das PERFEKTE SCRIPT.-
Hallo
und ich setz auch noch einen drauf.
Ergänzend zu den Angaben meiner Vorposter, möchte ich noch darauf hinweisen, dass, wenn Du ein 'lay.jpg' anzeigen lassen willst, ein 'lay.jpg' im 'img'-Verzeichnis auch vorhanden sein muss. In Deinem Beispiel liegt dort aber lediglich ein 'image.jpg'.
Öhhmm, da sieht man mal wieder, dass man doch nur überfliegend liest, wenn sowas erst dem vierten Antworter auffällt. :-)
Tschö, Auge
-
sorry, da habe ich falsche angaben gemacht. das image lay.jpg liegt im verzeichnis "img".
lg
-