Abend zusammen,
ich habe ein kleines Problem bei dem ich nicht weiterkomme.
Ich bastel mir grade ein Template fuer Joomla zusammen.
so sieht es bislang aus:
http://austria.comoj.com/
Ich bekomme bei dem blauen Menu den schwarzen Rand nicht weg. Es kann soweit ich das ueberblicke weder borderspacing noch padding sein.
Vielen Dank fuer eure Hilfe!
ich habe ein kleines Problem bei dem ich nicht weiterkomme.
Ich bastel mir grade ein Template fuer Joomla zusammen.
so sieht es bislang aus:
http://austria.comoj.com/
Ich bekomme bei dem blauen Menu den schwarzen Rand nicht weg. Es kann soweit ich das ueberblicke weder borderspacing noch padding sein.
Vielen Dank fuer eure Hilfe!
HTML:
<?php
defined('_JEXEC') or die;
JHtml::_('behavior.framework', true);
$app = JFactory::getApplication();
?>
<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div class="firstRow">
<div class="firstRowMiddle">
Ueberschrift1
</div>
</div>
<div class="secondRow">
<div class="secondRowMiddle">
UEBERSCHRIFT2.1 <span style="font-size:20px"> Ueberschrift2.2</span>
</div>
</div>
<div class="container">
<table border="0px" width="940px" height="1100px" style="border-spacing:0px;">
<tr>
<td width="200px" style="background:#000000;">
<div id="navcontainer" styles="height:100px; padding:0px;">
_
<ul id="navlist">
<jdoc:include type="modules" name="PosMenu" style="xhtml" />
</ul>
</div>
</td>
<td>
<jdoc:include type="component" />
</td>
</tr>
</table>
</div>
</body>
</html>
Code:
body {
background: #444444;
margin: 0;
padding: 0;
}
.firstRow {
position: relative;
background-color:#000000;
margin: 0px;
width: 100%;
height:38px;
text-align:center;
color: #ffffff;
}
.firstRow .firstRowMiddle {
padding-top:6px;
width: 940px;
margin: 0 auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
text-align: left;
font-weight: lighter;
}
.secondRow{
position: relative;
background:url("../images/1.gif");
height:100px;
border-bottom:thin #FFF solid;
margin: 0px; width: 100%;
text-align:center;
color: #ffffff;
}
.secondRow .secondRowMiddle {
padding-top:25px;
width: 940px;
margin: 0 auto;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:35px;
font-variant:small-caps;
text-align: left ;
}
.container {
width: 940px;
margin: 0 auto;
}
#navcontainer {
width: 240px;
font-size:12px;
text-indent:10px;
font:bold 12px Arial;
color: #35689d;;
background:url("../images/menu_top.jpg");
}
#navcontainer ul {
padding-left: 0;
list-style-type: none;
height:50px;
}
#navcontainer a {
display: block;
padding: 7px;
width: 240px;
background-color: #35689d;
border-top: 1px solid #2e5e8f;
}
#navcontainer a:link, #navlist a:visited {
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover {
background-color: #35689d;
color: #fff;
}
td{
vertical-align:top;
background-color:#CCCCCC;
}