Heb een probleem met een vertical menu en het komt het hierop neer dat het submenu door het hoofdmenu heen komt in plaats van dat het onder het gekozen menu item komt. Dit is het geval met alle browser muv safari 1.3.2 os x. IE 6 en 7
http://vrijetijd.mmpreview.nl//index.php?page=kids
template code:
Code: Select all
<!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="en" lang="en">
<head>
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
{global_content name='favorieten'}
</head>
</__body>
<__script__ src="jumptop.js">
/***********************************************
* Jump To Top Link Script- © Dynamic Drive (www.dynamicdrive.com)
* Last updated Nov 13th, 03'.
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</__script>
<div id="container">
<div id="main">
<div id="header">
</div>
<!-- end header -->
<div id="topNavigation">
{menu template='mvt_menu_hor' number_of_levels='2' items="home"}
</div>
<!-- end topNavigation -->
<div id="topNavigationSubMenu"><div class="primary-nav">
{menu template='mvt_menu_hor_sub' start_level="2" number_of_levels='1' excludeprefix='-topmne'}
</div></div>
<!-- end topNavigationSubMenu -->
<div class="topspace"></div>
<div id="toc">
{menu template='mvt_menu_vert' start_level="3" number_of_levels='4' collapse='1'}
</div><!-- end toc -->
<div id="ads">
<div class="rechter_blok">Voeg de site toe aan mijn favorieten<br /><br /><a href="javascript:bookmarksite('MijnVrijeTijd.info - Homepagina', 'http://www.mijnvrijetijd.info')"><center><img src="images/mvt_button.gif" width="114" height="17" alt=" Voeg www.mijnvrijetijd.info toe aan mijn favorieten" border="0" /></a></center></div><br /><br /><div class="rechter_blok">Geef uw mening over deze site: <br /><br /><center><a href="mailto:info@mijnvrijetijd.info?subject=Geef%20uw%20mening%20over mijnvrijetijd.info"><img src="images/mvt_email.gif" width="114" height="17" alt=" Stuur een email" border="0" /></a></center></div><br /><br /><div class="rechter_blok"><br /><p>{cms_module module='tellAFriend2'}</p></div>
</div><!-- end ads -->
<div id="content">
<h3>{title}</h3>
{content}
</div><!-- end content -->
</div><!-- end main -->
</div><!-- end container -->
<__body>
</__html>
en de css code:
Code: Select all
/*VERTICAL EINDE*/
#toc {
float: left;
width: 161px;
padding: 0;
font-family:arial;
font-size:0.7em;
text-align:right;
}
#toc ul{
display:block;
list-style: none;
margin: 0;
padding: 0;
}
#toc li{
display:block;
float:right;
padding-top:5px;
padding-bottom:5px;
width:120px;
height:15px;
padding-right:9px;
}
#toc li li{
display:block;
float:right;
padding-top:2px;
padding-bottom:2px;
width:120px;
height:25px;
font-size:0.9em;
font-weight:bold;
}
.activepage_vt {
background-image:url('images/menubutton_bg.gif');
background-repeat:no-repeat;
height:25px;
color:#00336e;
/*margin-right:-1px;*/
}
#toc a {
/*padding-right:10px;*/
display:block;
height:25px;
color:#00336e;
text-decoration:none;
}
/*VERTICAL MENU EINDE*/
Ik zit hiet nu al uren mee te "spelen" maar ik kan niet vinden waar ik in de fout ben gegeaan... Als iemand me kan helpen dan is mijn dank groot
