Help with dropdowns!

[markhowell]

1) Script Title: chromestyle.css
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...hromestyle.css
3) Describe problem: I'm using the script on two separate sites. http://www.smallgroupresources.net and http://markhowell.typepad.com/marks_blog/

It works great on the second. On the first the drop downs job over to the right and are very difficult to use.

[ddadmin]

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="http://www.smallgroupresources.net/about-smallgroupresources.html">About Us</a>
<a href="http://www.smallgroupresources.net/contact-us.html">Contact Us</a>
<a href="http://www.smallgroupresources.net/whattheysay.html">What They’re Saying</a>
</div>


<!--2nd drop down menu --> 
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="http://www.smallgroupresources.net/free-small-group-ministry.html">Small Group Ministry Assessment</a>
<a href="http://www.smallgroupresources.net/the-small-group-fraternit.html">The Small Group Fraternity</a>
<a href="http://www.smallgroupresources.net/coaching-launching-a-heal.html">Launching a Healthy Small Group Ministry</a>

<a href="http://www.smallgroupresources.net/coaching-building-an-effe.html">Building an Effective Coaching Structure</a>
<a href="http://www.smallgroupresources.net/developing-a-dynamic-smal.html">Developing a Dynamic Small Group Culture</a>
<a href="http://www.smallgroupresources.net/consulting-services.html">Consulting</a>
<a href="http://www.smallgroupresources.net/custom-small-group-curric.html">Custom Curriculum</a>
</div>

<!--3rd drop down menu --> 
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="http://markhowell.typepad.com/marks_blog/">Blog</a>
</div>

<!--4th drop down menu --> 

<div id="dropmenu4" class="dropmenudiv" style="width: 150px;">
<a href="http://markhowell.typepad.com/smallgroupresources/findresources.html">Store</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

</body>

[markhowell]

I have the css scripts in a stylesheet on my typepad blog. it looks like you've located them in the main index. I moved it there and it is still doing the same thing.

[ddadmin]

Actually, I'm not talking about the CSS, but the HTML for the drop down menus themselves as posted above. They should be moved to the very end of your page, which right now I don't see you've done on the problem site.

[markhowell]

weird...i've made the changes to the html but it doesn't show. may be a typepad issue