Hi!
Ich versuche seit vielen Stunden meine Seite wieder zum laufen zu bringen. Nachdem alles einwandfrei lief, nahm ich einige Änderungen vor
javascript:editor.insertSmilie('#angry#')
- Zum einen habe ich TemplaVoila installiert uund wieder deinstalliert.
Neben Root legte ich noch 2 andere Roots root2 und root3 an. Zog dann von root die Hauptunterseite A auf die das root template vererbt wurde in root3 und dann wieder zurück und hatte dazwischen auch ein template auf dieser hauptunterseite A, das ich dann wieder entfernte...
und erhalte nun eine weiße Seite und einen leeren body-Tag. javascript:editor.insertSmilie('😢')
Ausgegebenes html:
<!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-2010 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<title>home</title>
<meta name="generator" content="TYPO3 4.4 CMS">
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_5672f6a5a4.css?1294528630" media="all">
<script src="typo3conf/ext/cl_jquery/js/jquery-1.4.2.js?1294177215" type="text/javascript"></script>
<script src="typo3temp/javascript_93077bb238.js?1293895393" type="text/javascript"></script>
</head>
<body>
</body>
</html>
TS:
config.metaCharset = utf-8
config.renderCharset = utf-8
config.additionalHeaders = Content-Type:text/html;charset=utf-8
seite=PAGE
seite.typeNum = 0
seite.includeCSS {
file1 = fileadmin/css/css5.css
}
seite.meta.AUTHOR =
seite.meta.DESCRIPTION = dfdfdfa____
seite.10 = TEMPLATE
seite.10.template = FILE
seite.10.template.file = fileadmin/templates/template5.html
seite.10.workOnSubpart = DOKUMENT
seite.10.marks{
HEADER = COA
HEADER {
10 =
20 =
}
BREADCRUMB = COA
BREADCRUMB {
10 = HMENU
10 {
special = rootline
special.range = 0|-1
1 = TMENU
1.noBlur = 1
1.CUR = 1
1.target = _self
1.NO {
stdWrap.field = nav_title // title
ATagTitle.field = nav_title // title
linkWrap = | |*| » |*|
}
1.CUR {
stdWrap.field = nav_title // title
linkWrap = | |*| » |*|
doNotLinkIt = 1
}
}
}
MENU1 = HMENU
MENU1 {
special = directory
special.value = 34
1 = TMENU
1 {
expAll =1
wrap = <ul class="#menu1 ul">|</ul>
noBlur = 1
NO = 1
NO {
wrapItemAndSub = <li class=?#menu1 li?>|</li>
stdWrap.htmlSpecialChars = 1
ATagTitle.field = title
}
ACT <.NO
ACT {
wrapItemAndSub = <li class = ?#menu1 a.current?>|</li>
}
}
2 < .1
2 {
wrap = <ul>|</ul>
ACT.wrapItemAndSub = <li class = ?#menu1 li li a ?>|</li>
}
3 < .2
3 {
wrap = <ul>|</ul>
ACT.wrapItemAndSub = <li>|</li>
}
}
MENU2 = COA
MENU2.10 = CONTENT
MENU2.10 {
table = tt_content
select.orderBy = sorting
select.where = colPos = 2
select.languageField = sys_language_uid
}
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
// select.languageField = sys_language_uid /* sprache */
}
FOOTER = HMENU
FOOTER.special = directory
FOOTER.special.value = 62 /* uid */
FOOTER.1 = TMENU
FOOTER.1.NO = 1
FOOTER.1.NO.ATagParam = class = "link"
FOOTER.1.NO.linkWrap = | | |*|
| | |*| |
Ich habe natürlich auch schon fleißig recherchiert und kam auf folgende mögliche Probleme.
Charset-Problem charset=iso-8859-1
habe im template auf root folgende änderung vorgenommen - leider ohne Erfolg-:
config.metaCharset = utf-8
config.renderCharset = utf-8
config.additionalHeaders = Content-Type:text/html;charset=utf-8
auch meine Änderung im Installtool > All Configuration > [TTFLocaleConv] [GFX][TTFLocaleConv] = UTF-8 ändert nichts.
Ich will auch nicht gleich soviel im hintersten Backend ändern, da ich mich als absoluter Programmierneuling, nicht damit auskenne und möchte euch um Eure Hilfe bitten!
Da ein anderes Projekt auf root3 mit anderem (aber ehr ähnlichem Template) läuft, vermute ich, dass das Problem nicht so global ist?!
javascript:editor.insertSmilie(':o')
ich würde auch gerne diese default css und den ganzen spaghetticode löschen um meine eigene css zum laufen zu bekommen,. leider erscheint diese ja nicht mal im html.
Hier noch mein eigentliches HTML Template
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- HEAD -->
<html>
<head>
<title>template5</title>
<link rel="stylesheet" type="text/css" href="fileadmin/css/css5.css">
<script type="text/javascript" href="fileadmin/ext/jquery-1.4.4.min.js"></script>
<script type="text/javascript" href="fileadmin/ext/jquery.hoveraccordion.min"></script>
<!-- SCRIPT -->
<script type='text/javascript'>
$(document).ready(function(){
$('menu1').hoverAccordion({
keepHeight : true,
onClickOnly : true
});
});
</script>
</head>
<!-- BODY -->
<body>
<!-- ###DOKUMENT### begin -->
<div id="container"> ###CONTAINER###
<div id="header">
<img src="fileadmin/images/logo.jpg">###HEADER###
</div>
<div id="top">###BREADCRUMB###
</div>
<div id="menu1">###MENU1###
</div>
<div id="content">###CONTENT###
</div>
<div id="menu2">###MENU2###
</div>
<div id="footer">###FOOTER###
</div>
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
und mein CSS
/*
____________________________________________________________
html, body {border: 0; margin: 0; padding: 0;}
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #ccc;
background-color: #333;
}
/* *****************************Positionierung******************************* */
#container {
position:absolute;
top:20px;
left:20px;
background-color:#aaaaff;
height:auto;
width:760px;
border: 1px solid #0000a0;
#header {
margin: 20px 20px 0px 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
height: 100px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
height: 70px;
}
#breadcrumb
#content {
margin: 20px 190px 20px 190px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
}
#menu2 {
position: absolute;
top: 120px;
right: 0px; /* Opera5.02 will show a space
at right when there is no scroll bar */
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
#menu1 {
position: absolute;
top: 120px;
left: 0px;
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
#menu1 a.head {
cursor:pointer;
border:1px solid #CCCCCC;
background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
color: #5263AB;
display:block;
font-weight:bold;
margin:0px;
padding:0px;
text-indent:14px;
text-decoration: none;
}
#menu1 a.head:hover {
color:#FFFF99;
}
#menu1 a.selected {
background-image: url(expanded.gif);
}
#menu1 a.current {
background-color:#FFFF99;
}
#menu1 ul {
border-width:0px;
margin:0px;
padding:0px;
text-indent:0px;
}
#menu1 li {
list-style:none outside none; display:inline;
}
#menu1 li li a {
color:#000000;
display:block;
text-indent:10px;
text-decoration: none;
}
#menu1 li li a:hover {
background-color:#FFFF99;
color:#FF0000;
}
#wizard {
width: 200px;
border: 1px solid black;
}
#wizard .title {
background-color:#DDDDDD;
}
a {
text-decoration: none;
font-weight: bold;
color: #ccc;
outline: none;
}
a:visited {
color: #ccc;
}
a:active {
color: #ccc;
}
a:hover {
color: #ccc;
text-decoration: underline;
}
.ahem {
display: none;
}
strong, b {
font-weight: bold;
}
p {
font-size: 12px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
h1 {
font-size: 24px;
line-height: 44px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-size: 18px;
line-height: 40px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h3 {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h4 {
font-size: 14px;
line-height: 26px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h5 {
font-size: 12px;
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h6 {
font-size: 10px;
line-height: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
img {
border: 0;
}
.nowrap {
white-space: nowrap;
font-size: 10px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
}
.tiny {
font-size: 9px;
line-height: 16px;
margin-top: 15px;
margin-bottom: 5px;
}
footer {
text-decoration: none;
font-weight: bold;
color: #ccc;
outline: none;
}
/* Anpassungen IE */
*html div#container{width:982px;}
*html div#center{float:left;width:620px;}
*html div#footer,div#top{width:980px;}
Leider sind alle Teile noch recht fehlerhaft, (z.b. meine classes sind nicht einwandfrei) wenn Ihr mir helfen könnt wäre ich sehr froh.
Viele Dank!