Hi,
hab mich ein wenig in Typo3 reinarbeiten müssen. Klappt so einigermaßen. Die Seite läuft, wobei der Head und Body Bereich nicht richtig ausgegeben wird.
Da die erste Zeile einen Zeilenumbruch hat, der generiert wird, wird der Rest nicht richtig interpretiert.
Zudem wird dann ein </div> nicht mehr erkannt und die Seite nicht mehr richtig dargestellt.
Hier mal die Programmierung:
html_template:
Code:
<!--###DOCUMENT_BODY### start -->
<div class="main">
<div class="head">
<div id="banner">
</div>
<div id="navi">
<!--###MENU_OBEN### start -->
<div id="hauptnavigation">Hauptnavigation</div>
<!--###MENU_OBEN### stop -->
</div>
</div>
<div class="content">
<div id="content_text">
<!-- ###CONTENT### begin -->
<div class="contentElement">
Das ist ein Titel<br>Untertitel<br><br>Etwas Text<br>und so...<br>Link<br>Link
</div>
<div class="contentElement">
Das ist ein Titel<br>Untertitel<br><br>Etwas Text<br>und so...<br>Link<br>Link
</div>
</div>
<!-- ###CONTENT### end -->
</div>
<div class="foot">
</div>
</div>
</div>
<!--###DOCUMENT_BODY### end -->
</body>
</html>
css
Code:
/*Stylesheet HOMEPAGE*/
body {
background:url(../images/back_....jpg);
background-repeat: repeat;
font-family:tahoma;
color: #FFF;
font-size: 13px;
}
a {
color: #FFF;
font-size: 12px;
}
a:hover {
color: #3399FF;
}
cite {
color: #3399FF;
font-weight: bold;
font-size: 13px;
}
.main, .head, .content, .foot, #banner, #menue {
width: 800px;
}
.main {
width: 800px;
position: absolute;
left: 13%;
right: 15%;
top: 0;
background:url(../images/back_..._content.jpg);
}
.head {
height: 225px;
}
#banner {
height: 200px;
background: #333333;
background:url(../images/back_..._header_1.jpg);
background-repeat:no-repeat;
}
#menue {
background: url(../images/back_..._nav.jpg);
background-repeat:no-repeat;
float:left;
margin: 0px;
top:0px;
height:25px;
}
#navi {
font-weight: bold;
margin-left: 30px;
}
#menue ul {
list-style: none;
height:25px;
margin-top:2px;
margin-left:0px;
top:0px;
float: left;
}
#menue ul li {
padding: 0px;
color: #FFF;
font-size: 13px;
font-weight: bold;
float:left;
margin: 0;
}
#menue ul li a {
color: #FFF;
font-weight:bold;
font-size:14px;
margin: 0px;
padding:3px;
}
#menue ul li a:hover {
color: #0099FF;
}
.content {
width: 720px;
padding: 5px 30px;
}
.content_text {
margin: 5px 30px 5px 30px;
}
.foot {
height: 82px;
background:url(../images/back_..._footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
float: left;
margin-left: 10px;
}
h1 {
color: #3399FF;
margin: 1px;
font-weight: bold;
}
h2 {
color: #666666;
margin: 1px;
font-weight: bold;
}
template record setup
Code:
page = PAGE
page.typeNum = 0
page.headerData.10 = TEXT
page.headerData.10.value = <link href="fileadmin/templates/.../stylesheets/style.css" rel="stylesheet" type="text/css" media="all" />
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/templates/../index.html
WorkOnSubpart = DOCUMENT_BODY
}
page.10.subparts.CONTENT < styles.content.get
page.10 = TEMPLATE
page.10 {
subparts.MENU_OBEN = HMENU
subparts.MENU_OBEN {
special = directory
special.value = 1159
1 = TMENU
1.NO = 1
1.NO.linkWrap =
}
page.stylesheet = fileadmin/tempates/.../stylesheets/style.css
Ausgabe:
Code:
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_a8620d8f0c.css" />
<link href="fileadmin/templates/.../stylesheets/style.css" rel="stylesheet" type="text/css" media="all" />
<title>2008</title>
<meta name="generator" content="TYPO3 4.1 CMS" />
<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>
</head>
<body>
<!--###DOCUMENT_BODY### start -->
<div class="main">
<div class="head">
<div id="banner">
</div>
<div id="navi">
<a href="index.php?id=1197" onfocus="blurLink(this);" >Home</a> <a href="index.php?id=1189" onfocus="blurLink(this);" >Bildergalerie</a> <a href="index.php?id=1188" onfocus="blurLink(this);" >Tagesprogramm</a> <a href="index.php?id=1187" onfocus="blurLink(this);" >Downloads</a> <a href="index.php?id=1186" onfocus="blurLink(this);" >Links</a> <a href="index.php?id=1185" onfocus="blurLink(this);" >Wegbeschreibung</a>
</div>
</div>
<div class="content">
<div id="content_text">
<!-- CONTENT ELEMENT, uid:2703/textpic [begin] -->
<a name="2703"></a>
<!-- Header: [begin] -->
<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Die erste Überschrift<a href="#" onclick="vHWin=window.open('http://....org/typo3/alt_doc.php?edit[tt_content][2703]=edit&columnsOnly=header%2C%20%5Bheader_layout%20%7C%20header_position%5D%2C%20%5Bheader_link%7Cdate%5D&noView=0&returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="typo3/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit header" class="frontEndEditIcons" alt="" /></a></h1></div>
<!-- Header: [end] -->
<!-- Image block: [begin] -->
<div class="csi-textpic csi-intext-right"><div class="csi-imagewrap"><dl class="csi-image" style="width:200px;"><dt><img src="typo3temp/pics/fea4ac0125.jpg" width="200" height="143" border="0" alt="" title="" /></dt><dd><a href="#" onclick="vHWin=window.open('http://....org/typo3/alt_doc.php?edit[tt_content][2703]=edit&columnsOnly=image%20%5Bimageorient%7Cimagewidth%7Cimageheight%5D%2C%20%5Bimagecols%7Cimage_noRows%7Cimageborder%5D%2C%5Bimage_link%7Cimage_zoom%5D%2C%5Bimage_compression%7Cimage_effects%7Cimage_frames%5D%2Cimagecaption%5Bimagecaption_position%5D&noView=0&returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="typo3/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit images" class="frontEndEditIcons" alt="" /></a></dd><dd class="csi-caption"><p class="csc-caption">Und hier steht der Bildtext</p></dd></dl></div><div class="csi-text">
<!-- Text: [begin] -->
<p class="bodytext">Mal schauen, wo wir enden ...
</p>
<p class="bodytext"><br />Man kann hier auch mehr Text einfügen.<a href="#" onclick="vHWin=window.open('http://....org/typo3/alt_doc.php?edit[tt_content][2703]=edit&columnsOnly=bodytext%2C%20rte_enabled&noView=0&returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="typo3/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit bodytext" class="frontEndEditIcons" alt="" /></a></p>
<!-- Text: [end] -->
</div></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:2703/textpic [end] -->
<!-- CONTENT ELEMENT, uid:2704/list [begin] -->
<a name="2704"></a>
<!-- Header: [begin] -->
<div class="csc-header csc-header-n2"><h1>Aktuelles<a href="#" onclick="vHWin=window.open('http://....org/typo3/alt_doc.php?edit[tt_content][2704]=edit&columnsOnly=header%2C%20%5Bheader_layout%20%7C%20header_position%5D%2C%20%5Bheader_link%7Cdate%5D&noView=0&returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="typo3/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit header" class="frontEndEditIcons" alt="" /></a></h1></div>
<!-- Header: [end] -->
<!-- Plugin inserted: [begin] -->
<p>no news in this list.</p>
<!-- Plugin inserted: [end] -->
<a href="#" onclick="vHWin=window.open('http://....org/typo3/alt_doc.php?edit[tt_content][2704]=edit&columnsOnly=list_type%2C%20layout%2C%20select_key%2C%20pages%20%5Brecursive%5D&noView=0&returnUrl=close.html','FEquickEditWindow','width=540,height=400,status=0,menubar=0,scrollbars=1,resizable=1');vHWin.focus();return false;"><img src="typo3/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Change/configure plugin" class="frontEndEditIcons" alt="" /></a>
<!-- CONTENT ELEMENT, uid:2704/list [end] -->
</div>
<div class="foot">
</div>
</div>
</div>
<!--###DOCUMENT_BODY### end -->
</body>
</html>
</body>
</html>
