D
DarkLuggi
Guest
Hi alle zusammen,
ich versuche mich seite einigen Wochen ein bisschen mit Webdesign und Joomla. Zurzeit bastle ich mein eigenes Template und habe jetzt ein problem mit dem design des Menüs:
Diese zwei Lücken sollten da eigentlich nicht sein :'(.
(bitte keine kommentare zu dem design. die farben sind nur dafür da, damit ich mich ein bisschen besser zurechtfinde
bin halt noch n Newbie )
hier mal mein index.php datei:
und hier mein css code:
Ich konnte leider keinen Fehler finden der diese Lücke hervorruft.
Ich nehme mal an, dass daran liegt, das da links ein modul reingeladen wird.
Ich habe einmal den befehl
<jdoc:include type="modules" name="left" style="xhtml" />
weggelassen und dem container noch eine höhe gegeben dann war die lücke weg.
Hoffe ihr könnt mir helfen...
schon mal danke im vorraus!
ich versuche mich seite einigen Wochen ein bisschen mit Webdesign und Joomla. Zurzeit bastle ich mein eigenes Template und habe jetzt ein problem mit dem design des Menüs:
Diese zwei Lücken sollten da eigentlich nicht sein :'(.
(bitte keine kommentare zu dem design. die farben sind nur dafür da, damit ich mich ein bisschen besser zurechtfinde
bin halt noch n Newbie )
hier mal mein index.php datei:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="top" class="top1"><jdoc:include type="modules" name="top" style="xhtml" /></div>
<div id="pathway" class="pathway1"><jdoc:include type="module" name="breadcrumbs" /></div>
<div id="content" >
<div id="left">
<div id="left_oben"></div>
<div id="left_inhalt"><jdoc:include type="modules" name="left" style="xhtml" /></div>
<div id="left_unten"></div>
</div>
<div id="center" >
<div id="center_oben"></div>
<div id="center_inhalt"><jdoc:include type="component" /></div>
<div id="center_unten"></div>
</div>
<div id="right" >
<div id="right_oben"></div>
<div id="right_inhalt"><jdoc:include type="modules" name="right" style="xhtml" /></div>
<div id="right_unten"></div>
</div>
<div id="footer" ><jdoc:include type="modules" name="footer" style="xhtml" /></div>
</body>
und hier mein css code:
Code:
body{
background-color:#000000;
}
#top{
height:150px;
background-color:#006600;
}
#pathway{
padding-left:275px;
background-color:#0000FF;
height:25px;
}
#content{
}
#left{
padding-left:50px;
float:left;
width:200px;
background-color:#0000FF;
}
#left_oben{
background-image:url(../images/menuo.png);
height:16px;
}
#left_inhalt{
padding-left:12px;
background-image:url(../images/menum.png);
background-repeat:repeat-y;
}
#left a:visited{
background-image:url(../images/buttonlink.png);
color:#FFFFFF;
text-decoration: none;
}
#left a:hover{
background-image:url(../images/buttonlink.png);
color:#000000;
text-decoration: none;
}
#left_unten{
background-image:url(../images/menuu.png);
height:15px;
}
#center{
min-height:525px;
background-color:#00FF00;
width:750px;
float:left;
}
#center_oben{
}
#center_inhalt{
}
#center_unten{
}
#right{
float:left;
width:200px;
background-repeat: no-repeat;
background-color:#FF0000;
}
#right_oben{
background-image:url(../images/menuo.png);
height:16px;
}
#right_inhalt{
padding-left:6px;
background-image:url(../images/menum.png);
background-repeat:repeat-y;
}
#right_unten{
background-image:url(../images/menuu.png);
height:15px;
}
#footer{
padding-left:210px;
clear:both;
background-color:#000099;
}
#mainlevel:link{
background-color:#000000;
}
.pathway {
text-align: left;
font-size: 0.8em;
color:#000000;
}
Ich nehme mal an, dass daran liegt, das da links ein modul reingeladen wird.
Ich habe einmal den befehl
<jdoc:include type="modules" name="left" style="xhtml" />
weggelassen und dem container noch eine höhe gegeben dann war die lücke weg.
Hoffe ihr könnt mir helfen...
schon mal danke im vorraus!
Zuletzt bearbeitet von einem Moderator: