Zum Inhalt springen

Hintergrundbild soll wechseln

Erstellt am 4. September 2006 · 1 Antwort · letzte Antwort am 4. September 2006

Tags: HTML & CSS, Frage

zarah ·

Habe folgendes Problem:
Ich möchte gerne das das Hintergrundbild je nach aufgerufener Seite wechselt. Das passiert allerdings nicht. Vielleicht liegt es auch an meiner CSS Datei. ich weiß es nicht.
Da ich kurz vorm Wahnsinn bin, stelle ich jetzt mal CSS, HTML und Typoscriptschnipsel hinein udn hoffe auf Hilfe.

CSS:

body{
background-image: url(bilder/seitenbilder/1.jpg) backgrund🙁###SEITENBILD###);
width:800px; height:600px;
background-repeat:no-repeat;
}

HTML:

<html>
<head>
<title>root</title>
<!--
This website is brought to you by TYPO3 - get.content.right
[...]
-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="TYPO3 3.6 CMS" />
<meta name="AUTHOR" content="autor" />
<meta name="DESCRIPTION" content="Hier steht eine Beschreibung " />
<link rel="stylesheet" href="/css/css.css" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<!-- ###BODY_INHALT### begin -->
<body style="background-image:url(uploads/media/2.jpg)" background="###SEITENBILD###">
<table border="0" width="800" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td height="110" colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td width="300" height="200" valign="top">###MENU###</td>
<td width="500" valign="top">###INHALT###</td>
</tr>
</table>

<!-- ###BODY_INHALT### end -->

</body>
</html>

Typoscript Setup:
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
template = FILE
template.file=fileadmin/_temp_/index2.htm
}

temp.image = COA
temp.image {
5 = HTML
5.value = style="background:url(
10 = IMG_RESOURCE
10 {
# file = fileadmin/_temp_/uploads/media/1.jpg
maxH = 600
file.import = uploads/media/
file.import.data = levelmedia: -1,slide
file.import.listNum = 0
file.import.override.field = media
}
15 = HTML
15.value = ) 50% no-repeat;"
}

page = PAGE
page{
typeNum = 0
stylesheet = fileadmin/_temp_/css/css.css
10 < temp.mainTemplate
10.workOnSubpart = BODY_INHALT

10.marks.INHALT < styles.content.get
10.marks.RECHTS < styles.content.getRight

10.marks.SEITENBILD < temp.image

10.INHALT = CONTENT
10.INHALT {
table = tt_content
select.orderBy = sorting
}

10.marks.MENU = HMENU
10.marks.MENU.1 = GMENU
10.marks.MENU.1.NO {
backColor = #7F0A41
XY = 200,30
10 = TEXT
10.text.field = title
10.fontColor = #ffffff
10.offset = 4, 14
10.fontFile = fileadmin/_temp_/fonts/verdana.ttf
10.fontSize = 16

}

}

20.offset = 0, 1

Freue mich über jede Hilfe

Viele Grüße
Zarah