Ik ben een template aan het maken voor joomla. Dit is de eerste keer dat ik werk met div's.
Nu heb ik het aardig opgebouwd en alle modules en achtergrondplaatjes op hun plek. Het enige wat niet lukt is het herhalen van de achtergrond. Zie hier het voorbeeld: http://213.10.139.110/oudersnew//index.php?option=com_frontpage&Itemid=1 zoals je ziet wordt bij de content in het midden netjes de achtergrond herhaald. Maar bij het menu aan de linkerkant dus niet! Ik wil dus dat deze mee gaat met de grote van het midden....
Hier mijn HTML:
Hier de CSS:
Kan iemand mij helpen?
Nu heb ik het aardig opgebouwd en alle modules en achtergrondplaatjes op hun plek. Het enige wat niet lukt is het herhalen van de achtergrond. Zie hier het voorbeeld: http://213.10.139.110/oudersnew//index.php?option=com_frontpage&Itemid=1 zoals je ziet wordt bij de content in het midden netjes de achtergrond herhaald. Maar bij het menu aan de linkerkant dus niet! Ik wil dus dat deze mee gaat met de grote van het midden....
Hier mijn HTML:
Code:
<body bgcolor="#FFFFFF">
<div id="geheel">
<div id="site">
<!-- BEGIN: MENU -->
<div id="menu">
<?php if (mosCountModules('top')>0) mosLoadModules('top',0); ?>
</div>
<!-- BEGIN: HEADING -->
<div id="logo">
<?php if (mosCountModules('logo')>0) mosLoadModules('logo',0); ?>
</div>
<div id="head">
<?php if (mosCountModules('header')>0) mosLoadModules('header',0); ?>
</div>
<div id="pathway">
<?php mosPathWay(); ?>
</div>
<!-- BEGIN: BANNER -->
<div id="banner">
<?php if (mosCountModules('banner')>0) mosLoadModules('banner',0); ?>
</div>
<!-- BEGIN: LEFT -->
<div id="boven">
</div>
<div id="left">
<div id="leftmidden">
<?php if (mosCountModules('left')>0) mosLoadModules('left',0); ?>
</div>
</div>
<!-- BEGIN: CONTENT -->
<div id="content">
<div id="contentmidden">
<?php mosMainBody(); ?>
</div>
</div>
<div id="onder">
</div>
<div class="footer" id="8">
<?php if (mosCountModules('footer')>0) mosLoadModules('footer',0); ?>
</div>
</div>
</div>
</body>Hier de CSS:
Code:
body {
margin: 0px 0px 0px 0px;
height: 100%;
text-align: left;
font-size: 12px;
font-family: Geneva, Tahoma, Helvetica, sans-serif;
color: #FFFFFF;
}
div#geheel{
background: url(../images/background.png);
height:100%;
align: center;
}
div#site{
width: 1000px;
}
div#head{
background: url(../images/header.jpg) no-repeat;
width: 801px;
height: 184px;
float: right;
}
div#logo{
background: url(../images/logo.jpg) no-repeat;
width: 199px;
height: 225px;
float: left;
}
div#pathway{
background: url(../images/pathway.jpg) no-repeat;
float: right;
width: 801px;
height: 41px;
}
div#banner{
background: url(../images/banner.jpg) no-repeat;
width: 1000px;
height: 219px;
float: left;
}
div#left{
float: left;
background: url(../images/left.jpg) top left repeat-y;
height: 100%;
}
div#leftmidden{
width: 207px;
float: left;
}
div#boven{
background: url(../images/boven.jpg) no-repeat;
width: 1000px;
height: 20px;
float: left;
}
div#content{
background: url(../images/main.jpg) #110f12;
float: right;
width: 793px;
text-align: left;
background-attachment: scroll ;
height:100%;
}
div#contentmidden{
float: left;
width: 760px;
height:100%;
}
div#onder{
background: url(../images/onder.jpg) no-repeat;
width: 1000px;
height: 20px;
float: left;
}Kan iemand mij helpen?
Laatst bewerkt:
