Hi,
ich musste mich in Typo3 rein arbeiten und soweit klappt es, doch irgendwie wird vom Browser der Quelltext nicht richtig interpretiert. Hab ihn mal durch den Validator gejagt und derzeigt mir auch an, dass z. B. der Head Bereich überhaupt nicht passt. Vielleicht könnt ihr mir sagen woran das liegt. Außerdem wird gesagt, dass ein Div Bereich leer ist, was nicht geschlossen ist. Hauptsächlich aber werden: head und body bereich nicht wirklich erkannt.
Mglw. weil schon in der ersten Zeile ein Zeilenumbruch drin ist, der auch von typo3 ist.
template Datei:
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;
}
.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_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>
<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 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://url.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://url.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://url.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://url.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://url.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 style="margin-top: 30px; margin-left: 50px; float: left;">
</div>
</div>
</div>
</div>
<!--###DOCUMENT_BODY### end -->
</body>
</html>
</body>
</html>
