Results 1 to 5 of 5

Thread: Help with dropdowns!

  1. #1
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with dropdowns!

    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.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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:

    Code:
    <!--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>
    DD Admin

  3. #3
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  4. #4
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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.
    DD Admin

  5. #5
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •