Mein Problem ist folgendes: Ich benutze eine css-Datei für mein Template und möchte ein Hintergrundbild einbinden, wie folgt:
div#container {
clear:both;
width:960px;
margin-left:auto;
margin-right:auto;
border:1px solid silver;
background:url (fileadmin/images/bg.gif);
}
Es funktioniert nur nicht, obwohl der Pfad stimmt. Woran liegt das? Gibt es eine andere, bessere Möglichkeit?
Die Eigenschaft heisst: "background-image: url"
Du musst den Pfad von da angeben wo die css-Datei liegt, dann geht das.
Sprich, liegt die css-Datei im fileadmin/template/ und das Bild im selben Ordner, dann sieht das so aus:
background-image: url("bg.gif");
MFG Michael
Stimmt der Pfad wirklich? Wo liegt denn deine CSS? Denk daran das du den Pfad ausgehend von deiner CSS eingeben musst und nicht vom root aus.
Wenn deine CSS z.B. im Ordner "fileadmin" liegt, muss der Pfad "images/bg.gif" sein.
Norman
Ups, da war einer schneller #giggle#
Hallo zusammen,
ich muss mich da mal einhacken.
Ich bekomme den Hintergrund einfach nicht angezeigt.
Auf meinem lokalen Rechner läuft es, auf dem Server nicht?!
Struktur sieht so aus:
fileadmin/css/css-datei.css
fileadmin/images/header_background.jpg
In der css Datei habe ich für die Backgroundanzeige folgendes:
div#header {
position:absolute;
float:left;
height:108px;
width:800px;
background-image:url("../images/header_background.jpg");
line-height:normal;
}
So müsste doch der Pfad richtig angegeben sein oder?
In Setup vom Template steht diese Zeile für das CSS:
page.stylesheet = css-datei*.css
Die Seitenstruktur und hintergrundfarben werden angezeigt, nur die Grafiken nicht.
Übersehe ich da vielleicht etwas?
Danke
Torsten
TS müsste so lauten:
page.stylesheet = fileadmin/css/css-datei.css
Die CSS sieht ok aus.
MFG Michael
Hallo Michael,
danke für Deinen Tip, aber das ist es leider nicht.
Ich habe jetzt schon alle möglichen Pfadkombinationen ausprobiert, sowohl in der Template-Datei, als auch im CSS, aber nichts hilft.
Wenn ich in der HTML-Vorlage das hier einfüge, bekomme ich die Grafik angezeigt:
div#header {
position:absolute;
float:left;
height:108px;
width:800px;
background-image:url(fileadmin/template/images/header_background.jpg);
line-height:normal;
}
Mache ich das Gleiche in der CSS-Datei, passiert nichts mehr, egal wie ich den Pfad schreibe.
Wo liegt den für Typo3 die CSS-Datei? Ich habe sie doch per Upload in den Resourcen eingespielt.
Da dürfte es ihm doch auch egal sein, ob ich im TypoScript dann
fileadmin/css/css-datei*.css
oder
css-datei*.css
schreibe
Muss ich noch in der HTML-Vorlage auf die CSS Datei im entsprechenden Ordner verweisen?
Wenn ja, wofür habe ich es dann im TypoScript eingepflegt?
Gruß
Tosten
Der CSS Verweis vom HTML-Template wird von Typo3 nicht verwendet,
da Typo3 ab "Dokument" deine Daten einliesst und den Header selbst generiert.
Besser ist du machst es so wie oben beschrieben, sonst hast du pfad Probleme:
Template, CSS, in einen Ordner im fileadmin, Images auch oder Unterordner.
page.stylesheet = fileadmin/template/css-datei.css
IMG:
fileadmin/template/img/
im CSS:
div#header {
position:absolute;
float:left;
height:108px;
width:800px;
background-image:url("img/header_background.jpg");
line-height:normal;
}
MFG Michael
Vielen Dank Michael für Deine Hilfe.
Es funktioniert jetzt und ich denke, dass die Probleme hauptsächlich mit der "Wildcard" aufgetreten sind, welche ich benutzt habe, also css-datei*.css.
Wenn ich das * einfüge, und dann über Resource eine neue überarbeitete CSS-Datei uploade bekomme ich nämlich wieder keine Anzeige.
Ich habe es jetzt wie von Dir empfohlen eingegeben und werde dann halt die css-datei immer per FTP hochladen.
Interessantere Weise funktioniert es anstandslos bei der HTML-Vorlage.
template = FILE
template.file = meavarc_template*.html
Damit ist dann aber schon mal ein Problem gelöst, so dass ich an´s nächste ran kann. 😃
Schönen Tag noch.
Gruß
Torsten