CMS Made Simple Forums

Posted: **Thu Apr 19, 2007 12:38 pm**

Ik ben al een tijdje aan het zoeken waar het probleem ligt maar krijg het neit voor elkaar. De actieve link die springt steeds tegen de rechter kant van de div. http://cmsmadesimple1.vigourmedia.nl/index.php?page=Contact
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>

TEMPLATE

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>

Menutemplate

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>

{/if}

Posted: **Sat Apr 21, 2007 9:34 am**

Je andere pagina's gaan zo te zien wel goed.

Het formulier pakt de HEADING code. Je moet er dus voor zorgen dat die gewoon de bodytekst code oppakt.

Je moet dus even via CMSMS inloggen en naar de desbetreffende pagina gaan. En die ff aanpassen.

CMS Made Simple Forums

Menu problemen

Menu problemen

Re: Menu problemen