Zum Inhalt springen

Hintergrundbild einbauen

Erstellt am 3. Oktober 2005 · 17 Antworten · letzte Antwort am 9. Oktober 2005

Tags: HTML & CSS, Frage

theo ·
Thomas27 schrieb

Kann es sein das Typo3 mit css Hintergrundbildern Probeme hat?

Jaja, schuld sind immer die anderen... 😉

Probier halt mit dem Pfad ein bißchen rum, das geht schneller, als hier hin und herzuposten.
Es sei denn, du hast irgendwas im Setup, was sich nicht mit Deinem CSS verträgt.

Thomas27 ·

Also mit dem Path bin ich mir 100% sicher, da er ja absolut ist und wenn ich den in die Adresszeile vom Browser eingebe zeigt er das Bild an. -> keine Fehlerquelle

Per css werden Hintergrundbilder, da bin ich mir jetzt auch sicher, so eingebunden, wie es oben von laptop24 beschrieben steht. -> keine Fehlerquelle

Also bleibt mir doch nur noch der Rückschluss, dass es mit dem Parser vom Typo3 zu tun hat.
-> Typo ist natürlich Schuld #giggle#

Um den Fehler bei mir zu suchen bleibt immer noch Zeit. 😉

Mein Setup sieht so aus:

page=PAGE 
page.typeNum=0 
page.bodyTag=<body bgcolor="{$bgCol}" text="{$text}" link="{$link}" vlink="{$vlink}" alink="{$alink}"> 

page.10=TEMPLATE 
page.10  { 
  template=FILE 
  subparts.QUICKLINKS < hp_template_quick_menu 
  subparts.ROOTLINE < hp_template_rootline_menu 
  subparts.MENUBOTTOM < hp_template_bottom_menu 
  subparts.MENUTOP < hp_template_top_menu 
  subparts.CONTENT < styles.content.get 
  subparts.LOGIN < hp_template_loginbox 
  subparts.LOGINLINK < hp_template_loginbox_link 
  subparts.LOGINSTATUS < hp_template_loginbox_status 
  subparts.YEAR < hp_template_year 
  subparts.NEWSLETTER < hp_template_newsletter 
  subparts.ANGEBOT_DER_WOCHE < hp_template_shop 
  subparts.STATISTIC < plugin.tx_khusersonline_pi1  
  subparts.HOTTRACKS < hp_template_hottracks 
  subparts.MOSTTRACKS < hp_template_mosttracks 
  subparts.NEWTRACKS < hp_template_newtracks 
} 

config.admPanel = 1 

config.sys_language_uid = 0  
config.language = de  
config.locale_all = de_DE.ISO8859-1 
page.config.language = de  

config.extTarget = _self 

page.10.template.file = fileadmin/templates/hp_template_basis.tmpl

Und das Css Template lade ich so:

page.headerData.30=TEMPLATE 
page.headerData.30  { 
  template=FILE 
  template.file=fileadmin/css/hp_basis_css.tmpl 
}
theo ·

Also erstmal folgendes:
Das Css Template lädst Du bitte so (siehe auch bzgl. ergänzender Optionen, wie üblich, TS-Referenz):

page.includeCSS {
file1 = fileadmin/css/hp_basis_css.tmpl
}

[/quote]

Desweiteren kannst Du page.bodyTag ersatzlos streichen, da Du es ja über Dein CSS-File regelst

Thomas27 ·

Ok. ich habe deinen Rat befolgt und ein Performence Problem von meiner Seite damit gelöst. Danke!
Aber die Geschichte mit dem Hintergrundbild schlukt er einfach nicht.

Thomas27 ·

Ich habe gerade noch mal ein bischen was ausprobiert und festgestellt, wenn ich in meinem css
die Hintergrundfarbe auf schwarz setzte, wird das ebenfalls ignoriert.

body {
	background-image: url(fileadmin/imagebase/background.jpg); 
	background: #000000;
	color: #333333;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
Thomas27 ·

Ok, dieses Problem wäre gelöst, es dürfen im css keine <Style> Tags am Anfang und Ende stehen.
Aber zurück zum eigentlichen Problem. Mein Hintergrundbild wird immer noch nicht dargestellt.
Ich weiss einfach nicht mehr weiter. #angry#

theo ·

Vielleicht hätte ich mir Dein Posting mal durchlesen sollen...
Deine CSS-Syntax is falsch. So sollte es funktionieren:

body {
	background: url(/fileadmin/imagebase/background.jpg); 
...
}
Thomas27 ·

Ahhh,

und schon funktioniert es. :p 😃

Vielen Dank! Das einem so ein mini Problem so viele Nerven kosten kann.