PDA

View Full Version : ChromeMenu Positioning issue



metaphyzxx@msn.com
06-12-2009, 08:17 PM
1) Script Title: ChromeMenu v2.5

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem:
The actual site can be seen at the following URL:
http://cfanmedia.com/cfantestsite/index.html


If you check the link, you'll see I have the menu set up over a series of 9 links below the header. Without the header, the submenus appear where they're supposed to be, but when it was placed onto the page, it appears to offset the location where the submenus appear by the height of the header. Not sure what's needed to assist, but I'll provide whatever info is required.

TIA

ddadmin
06-14-2009, 04:14 AM
Most of the positioning problems with the drop down menus can be solved by making sure the HTML for the drop down DIVs themselves is outside any container tag on the page other than the BODY. So in your case, try moving all the drop down DIVs to the bottom of your page, just above the "</body>" tag:


<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="./about_mission.html">mission</a>
<a href="./about_vision.html">Vision</a>
<a href="./about_values.html">Core Values</a>
</div>


<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 160px;">
<a href="./youth_explore.html">Explore Kids</a>
<a href="./youth_revolution.html">Revolution Youth</a>
</div>

<!--3rd drop down menu -->
<div id="dropmenu3" class="dropmenudiv">
<a href="./adult_arise.html">Arise</a>
<a href="./adult_m3.html">M3 Men</a>
<a href="./adult_prayer.html">Prayer</a>
<a href="./adult_women.html">Women's</a>

</div>

<!--4th drop down menu -->
<div id="dropmenu4" class="dropmenudiv" style="width: 150px;">
<a href="./give.html">Contribute Online</a>
</div>


<script type="text/javascript">

cssdropdown.startchrome("chromemenu")

</script>

</body>