Weet iemand hoe ik dit kan oplossen?
Dit is mijn CSS, TEMPLATE, Menutemplate
CSS
Code: Select all
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
body
{
padding: 0;
margin: 0;
height:100%;
font-family: Verdana;
font-size: 12px;
}
p {
font-family: Verdana;
font-size: 10px;}
a {color: #FFFFFF;}
h4 {
font-family: Verdana;
font-size: 14px;
}
div#pagewrapper {
background: #3266cc;
margin: 0px auto;
width: 800px;
text-align: left;
height:100%; }
#headerleft
{
float: left;
width: 200px;
text-align: center;
height: 150px;
background: #3266cc url(images/engelen/logo.gif) no-repeat center center;
text-indent: -32697px; /* waarom 32697? omdat dit de max value voor opera is. */
}
#headercenter
{
float: left;
width: 400px;
text-align: center;
height: 150px;
background-image: url(images/engelen/top.jpg) ;
}
#headerright
{
float: left;
width: 200px;
text-align: center;
height: 150px;
background: #3266cc url(images/engelen/logo2.gif) no-repeat center center;
text-indent: -32697px; /* waarom 32697? omdat dit de max value voor opera is. */
}
#left
{
float: left;
width: 200px;
background: #669acc;
height:415px;
padding-top: 15px;
}
#right
{
float: right;
width: 190px;
background: #ccccff;
height:420px;
padding-top: 10px;
padding-left: 10px;
}
#content
{
float: left;
width: 370px;
margin: 0 0 0 0px;
height: 400px;
background-color: #FFFFFF;
padding: 15px;
}
img {
border: 0;}
a:link {
color: #FFFFFF;
font-family: Verdana;
font-size: 12px;
}
li {padding: 5px;
margin: 0;}
#menu ul li a
{padding: 5px;
margin: 0;}
#menu ul,
#menu ul li
{list-style-type: none;
display: inline;
padding: 0;
margin: 5px 0;}
#menu {float: right; display: block;
padding-right: 0px;
margin: 0;
text-align:right;}
#menu a {display: block;
padding: 5px;
margin: 1px;
line-height: 1em;
text-decoration: none;
}
#menu a:hover{
padding: 5px;
color: black;}
#menu a:active{
padding: 5px;
color: black;}
table {
border-collapse:collapse;
border-spacing:0;
}
<style type="text/css">
<!--
div#contactform {
font-family: Verdana;
font-size: 12px;
}
div#contactform legend {
display: none;
}
div#contactform label {
margin-bottom: 10px;
}
div#contactform fieldset{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
-->
</style>Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<__html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Engelen</title>
{stylesheet}
</head>
</__body>
<div id="pagewrapper">
<div id="headerleft"></div>
<div id="headercenter"></div>
<div id="headerright"><img src="image/logo2.gif" width="135" height="72" /></div>
<div id="left">
<div id="menu">{menu template='Test Template'}</div>
</div>
<div id="content">
{content}
</div>
<div id="right">
</div>
</div>
<__body>
</__html>Code: Select all
{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *}
{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->current == true}
<li >{$node->menutext}
{elseif $node->parent == true}
<li ><a href="{$node->url}"{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
<li class="sectionheader">{$node->menutext}
{elseif $node->type == 'separator'}
<li class="separator" > <hr />
{else}
<li><a href="{$node->url}"{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}{if $node->target != ''} target="{$node->target}"{/if}>{$node->menutext}</a>
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>