Aktives Mitglied
Hallo zusammen ich habe da gerade ein enormes Problem mit der Erstellung eines Joomla-Templates.
Wie vorgeschieben beginne ich mein Template mit:
Soweit so gut funktioniert auch alles. Wenn ich aber in Firefox gehe meckert der HTML-Tidy dass er
nicht kennt. Gut dachte ich, da mir eh nicht so ganz klar ist wozu der Befehl gut ist, - lass ihn doch mal weg - . Aber das war eine schlechte Idee, da jetzt alle von mir über CSS definierten Schriften viel kleiner dargestellt werden.
Woran liegt dass und was mache ich denn falsch? Warum kennt Tidy den Befehl nicht und wozu ist der eigentlich da?
Die komplette index.php:
Die CSS Datei:
Wäre nett, wenn mir jemand helfen könnte. Bin mit meinem Latein am Ende. Vielen Dank im Voraus :'(
Beste Grüße
Solla
Wie vorgeschieben beginne ich mein Template mit:
HTML:
<?php defined( "_JEXEC" ) or die( "Zugriff verboten!" );?>
<jdoc:comment></jdoc:comment>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w3.org/1999/xhtml" lang="<?php echo $this->language; ?>" xml:lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->
baseurl ?>/templates/kinderseite/css/template.css"/>
</head>
<body>....
Soweit so gut funktioniert auch alles. Wenn ich aber in Firefox gehe meckert der HTML-Tidy dass er
HTML:
<jdoc:comment>
Woran liegt dass und was mache ich denn falsch? Warum kennt Tidy den Befehl nicht und wozu ist der eigentlich da?
Die komplette index.php:
PHP:
<?php defined( "_JEXEC" ) or die( "Zugriff verboten!" );?>
<jdoc:comment></jdoc:comment>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w3.org/1999/xhtml" lang="<?php echo $this->language; ?>" xml:lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->
baseurl ?>/templates/kinderseite/css/template.css"/>
</head>
<body>
<div id="container">
<div id="header">
<div id="search"><jdoc:include type="modules" name="user4" />
</div>
</div>
<div id="menu">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<div id="inhalt">
<div id="links">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="rechts">
<jdoc:include type="modules" name="breadcrumb" style="xhtml" /><jdoc:include type="component" />
</div>
</div>
<div id="footer">© 2010 ABC</div>
</div>
</body>
</html>
Die CSS Datei:
HTML:
body {
font-size: 67.5%;
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 1.5;
}
ul {margin-left: 21px;
}
ol{margin-left: 23px;
}
ol li, ul li{font-size: 0.8em;
line-height: 1.4em; margin-bottom: 1.0em;}
* {
margin:0;
padding:0;
}
#rechts p{font-size: 0.9em;
margin-bottom: 1.4em;
line-height: 1.4em;}
#rechts h1{font-size:1.2em;
margin-bottom: 1.0em;}
#rechts h2{font-size:1.0em;
margin-bottom: 0.2em;
color:#009;
}
#rechts h3{font-size:0.9em;
margin-bottom: 0.21em;
color:#009;
}
html{
background-image:url(../images/header_bg.png);
background-repeat:repeat-x;
background-color:#719204;}
#container{
width: 980px;
margin: 0 auto;
padding: 0px;
background-color: #fff;
}
#header{
background:url(../images/header.jpg);
background-repeat:no-repeat;
height: 350px;}
#search{float: right;
margin-right: 10px;
margin-top: 305px;}
.moduletable_nav{
height: 68px;
margin-top: 0px;
padding: 10px 10px 10px 10px;
background-image:url(../images/menu.jpg);
background-repeat: no-repeat;
list-style: none;
font-size:0.9em;
}
.moduletable_nav li{
float: left;
padding: 0;
height: 100px;
}
.moduletable_nav a{
color: #000;
display: block;
float: left;
margin-right: 25px;
text-decoration: none;
font-weight:normal;
font-size:0.9em;
margin-top: 33px;
height: 100px;
}
.moduletable_nav a:link#aktuell,
.moduletable_nav a:visited#aktuell,
.moduletable_nav a:hover,
.moduletable_nav a:focus {
background: url("../images/hover.gif") top center no-repeat;
color: #fff;
padding-bottom: 8px;
}
#active_menu_nav{
background: url("../images/gespenst2.gif") center -5px no-repeat;
color: #fff;
height: 100px;
padding-bottom: 8px;
}
#inhalt{
clear: both;
margin-top: 5px;
width:980px;
background-color: #fff;
margin-bottom:5px;}
#links{float:left;
/*margin-top: 5px;*/
width: 230px;
min-height: 500px;
padding: 10px 15px;
background-color:#fff;
margin-bottom: 5px;
font-size: 1.3em;
margin-bottom: 1.4em;
line-height: 1.4em;}
#rechts{
margin-left: 265px;
/*margin-top: 5px;*/
width: 685px;
min-height: 500px;
padding: 10px 15px;
background-color:#fff;
margin-bottom: 5px;
}
#footer{
clear:both;
margin-top: 2px;
height:17px;
padding: 7px 7px 12px 7px;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
color:white;
text-align:center;
}
Wäre nett, wenn mir jemand helfen könnte. Bin mit meinem Latein am Ende. Vielen Dank im Voraus :'(
Beste Grüße
Solla