Hintergrund Grafik

[Ralf]

Hallo,

Ich würde gerne wissen, wie man in einer Tabelle/Zelle eine Hitergundgrafik bekommt, auch wen die Datei in einem anderen Verzeichnis liegt.

Kann mir da jemand helfen?

Gruss

Ralf

[Gunnar Bittersmann]

Hello out there!

[…] auch wen die Datei in einem anderen Verzeichnis liegt.
Kann mir da jemand helfen?

<http://de.selfhtml.org/html/allgemein/referenzieren.htm@title=Referenzieren in HTML> sollte dir auch bei CSS helfen.

See ya up the road,
Gunnar

[Ralf]

<http://de.selfhtml.org/html/allgemein/referenzieren.htm@title=Referenzieren in HTML> sollte dir auch bei CSS helfen.

See ya up the road,
Gunnar

Habe ich schon nachgeschaut, hat nichts gebracht.

Aber Danke.

[Ashura]

Hallo Ralf.

Habe ich schon nachgeschaut, hat nichts gebracht.

Das heißt …?

Wie sahen deine Versuche aus?

Einen schönen Montag noch.

Gruß, Ashura

[Ralf]

So sihet der Abschnitt in der CSS-Datei aus:

.topbottom {
background-color: #000000;
height: 20px;
padding: 3px;
font-size: 11px;
font-weight: bold;
color: #000000;

und da will ich eine Hintergrundgrafik einseten.

Mit dem Befehl -> background image:url(***.gif)

funktioniert das nicht, da das Bilg in einem anderen Verzeichniss auf dem Server liegt.

[Ulrich]

Moin,

Mit dem Befehl -> background image:url(***.gif)

Glaub ich, heißt auch
background-image:url(referenz)

Wenn du auf einem Server arbeitest, dann geht
(/             <!-- Server Root -->
verzeichnis_zum_Bild/bild.gif)

oder lokal:
../     ein Verzeichnis höher

Verzeichnis      in das Verzeichnis hinein.

z.B.
url(../bilder/bild gif)

d.h. ein VErzeichnus hoch, von dort in Verzeichnis "bilder" und dann bild.gif einfügen.

Bliebe noch anzumerken daß GROSS und kleinSchreibung auf LinuxKisten unterschieden wird, bei WinKisten aber nicht.

mfG
Ulrich

[Ralf]

Jo, das wars :->

Ich danke dir Ulrich, besten dank.

Ich musste nur 2 Verzeichnisse hoch und dann hats funktioniert.

So sieht es jetzt aus:

.topbottom {
background-color: #ECE9D8;
height: 20px;
padding: 3px;
font-size: 11px;
font-weight: bold;
color: #000000;
background-image:url(../../img/cellpic3.gif);
}

Kannst du mir das vieleicht auch noch mal mit dem Server-root zeigen?

[Ulrich]

Gern,

das nennt sich relatives Referenzieren, da geht man von dem Verzeichnis aus, in dem die momentane Datei liegt.

Problem besteht dann, wenn sich ein Webprojekt auch auf Unterverzeichnisse erstreckt.

#ServerRoot
-index.html
##css
--stil.css
##News
--news.html

[#Verzeichis / --Datei ]

Im ServerRoot liegt deine index html. Willst du von dort die stil css aufrufen, müßte es heißen:
css/stil.html

Von der news.html würde es aber lauten müßten:
../css/stil.html

Auf einem Server kann man aber mit / direkt ins ServerRoot Verzeichnis wechseln. Somit würde für _beide_ gelten:

/css/stil.css

funktioniert aber nur in/auf einer Server Umgebung.

Gruß
Ulrich

[Ralf]

Besten Dank, Ulrich.

Das hat mich jetzt alles ans Ziel gebracht.

Jetzt kann ich weiter arbeiten.

Ich wüsche dir noch einen schönen Abend und nochmal "Besten Dank"

Gruss

Ralf

[Ashura]

Hallo Ralf.

.topbottom {

background-color: #000000;
[…]
color: #000000;

  
Bist du sicher, dass du sowohl Hintergrund- als auch Textfarbe auf schwarz setzen möchtest?  
  

> .topbottom {  
> […]  
> font-size: 11px;  
> […]  
  
Warum keine relative Maßeinheit, wie em oder %?  
  

> Mit dem Befehl -> background image:url(\*\*\*.gif)  
  
Befehle gibt es in CSS auch nicht, es ist schließlich „nur“ eine Formatierungssprache.  
Ich gehe davon aus, dass das fehlende „-“ zwischen „background“ und „image“ nur ein Tippfehler o. Ä. war.  
  

> funktioniert das nicht, da das Bilg in einem anderen Verzeichniss auf dem Server liegt.  
  
Lies am Besten einmal die <http://de.selfhtml.org/css/formate/einbinden.htm#separat@title=Informationen zum Einbinden externer CSS-Dateien>.  
Willst du auf eine Grafikdatei verweisen, so musst du dies relativ in Bezug auf die CSS-Datei und nicht auf das HTML-Dokument tun. Oder du ersparst dir all dies und stellt allen URIs und Referenzen einen Slash „/“ voran, wodurch du dich stets auf das Dokumentenwurzelverzeichnis deines Webspaces beziehst.  
  
  
Nehmen wir als Beispiel einmal folgende Struktur:  
  
  /  
  ├- foo.htm  
  ├- css/  
  │  └- foo.css  
  └- graphics/  
     └- bar.png  
  
Du könntest nun also in „foo.css“ entweder per „../graphics/bar.png“ (relativ zu „foo.css“) auf die Grafik verweisen, oder aber einfach per „/graphics/bar.png“ (absolut zum Dokumentenwurzelverzeichnis).  
  
Setzt du die Eigenschaft dagegen in foo.htm direkt (per style-Element oder -Attribut--nein, bitte nicht tun), so referenzierst du die Grafik dagegen wahlweise per „graphics/bar.png“ (relativ zu „foo.htm“) oder per „/graphics/bar.png“ (absolut zum Dokumentenwurzelverzeichnis).  
  
  
Einen schönen Montag noch.  
  
Gruß, Ashura  

-- 
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|  
[<mathbr:del.icio.us/>](http://del.icio.us/mathbr) [<mathbr:w00t/>](http://w00t.noctus.net)