ik heb een website gemaakt in html en css.
Daarna heb ik de website omgezet naar cms ms.
enkel ondervind ik problemen met het menu, en ik krijg deze problemen niet opgelost.
ik hoop dat jullie kunnen helpen ...
het probleem:
het menu werkt niet met de smarty code in cms ms (ik ken zelf geen smarty)
de html zoals hij werkt zonder cms ms:
Code: Select all
<div id="navigation-bg">
<!--Navigation Part Starts -->
<div id="navigation">
<ul class="mainMenu">
<li><a title="Home" class="selectMenu" href="#">Home</a></li>
<li><a title="About" href="#">About</a></li>
<li><a title="Services" href="#">Services</a></li>
<li><a title="Support" href="#">Support</a></li>
<li><a title="Chat" href="#">Chat</a></li>
<li><a title="History" href="#">History</a></li>
<li class="noBg"><a title="Contact" href="#">Contact</a></li>
</ul>
<br class="spacer">
<ul class="subNav">
<li class="noBg"><a title="Our Benefits" href="#">Our Benefits</a></li>
<li><a title="What Our Future Plans" href="#">What Our Future Plans</a></li>
<li><a title="Our Success" href="#">Our Success</a></li>
<li><a title="Ratings" href="#">Ratings</a></li>
<li><a title="Latest Blogs" href="#">Latest Blogs</a></li>
<li><a title="News" href="#">News</a></li>
<li><a title="Testimonials" href="#">Testimonials</a></li>
<li><a title="Comments" href="#">Comments</a></li>
</ul>
<br class="spacer">
</div>
<!--Navigation Part Ends -->
</div>
Code: Select all
/*-------------------------- NAVIGATION PART --------------------------*/
div#navigation-bg{
height:66px; background:url(images/navigation-bg.gif) 0 0 repeat-x;
}
div#navigation-bg div#navigation{
width:922px; margin:0 auto;
}
div#navigation-bg div#navigation ul.mainMenu{
padding:0; float:left; width:567px;
}
div#navigation-bg div#navigation ul.mainMenu li{
width:81px; float:left;
background:url(images/navigation-divider.gif) 100% 0 no-repeat;
}
div#navigation-bg div#navigation ul.mainMenu li a{
width:80px; height:33px; display:block;
line-height:33px; text-align:center;
font-weight:bold; color:#FAF0C2; font-size:11px;
background-color:inherit;
}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu{
width:80px; height:33px; display:block;
line-height:33px; text-align:center;
font-weight:bold; color:#FAF0C2; font-size:11px;
background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
background-color:inherit;
}
/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
ul.subNav{
font:normal 11px/12px Arial, Helvetica, sans-serif;
padding:4px 0 0 0;
}
ul.subNav li{
background:url(images/navigation-dropdown-divider.gif) 0 0 no-repeat;
height:17px; float:left; padding:6px 0 0 0;
}
ul.subNav li a{
display:block; margin:0 22px 0 20px;
color:#84915D;
background-color:inherit;
}
ul.subNav li a:hover{
color:#fff;
background-color:inherit;
}
is er iemand die voor de html zo als hij nu is een werkende smarty code kan schrijven is het voor mij goed, en anders (wat volgens een vriend moest) moet de html omgebouwd worden.
echter naar welk en hoe weet ik niet ...
alvast bedankt !
mvg,
w