Results 1 to 2 of 2

Thread: Add Item to CSS Chrome Menu

  1. #1
    Join Date
    Feb 2006
    Location
    IL
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry Add Item to CSS Chrome Menu

    The CSS Chrome menu works great when I change the items on the three existing dropdowns in the download. But when I add any more dropdowns I have trouble. IE will not display the dropdown at all and Firefox displays the dropdown way off to the side and below my menu. I know it is probably something simple, but it is driving me crazy. You can view the menu at www.webbguy.com/vortex.

    The menu portion is below: (Thanks in advance for your help.)

    <div id="chromemenu">
    <ul>
    <li><a href="index.shtml">Home</a></li>
    <li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu1')">Products</a></li>
    <li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu2')">Support</a></li>
    <li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu3')">Library</a></li>
    <li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu4')">Remagen Safe Rooms</a></li>
    </ul>
    </div>

    <!--1st drop down menu -->
    <div id="dropmenu1" class="dropmenudiv">
    <a href="#">Storm ClosetŪ</a>
    <a href="#">Closet VaultŪ</a>
    <a href="#">Community Shelters</a>
    <a href="#">Testimonials</a>
    <a href="#">Pricing</a>
    </div>

    <!--2nd drop down menu -->
    <div id="dropmenu2" class="dropmenudiv" style="width: 175px;">
    <a href="#">Time & Motion Studies</a>
    <a href="#">Design Considerations</a>
    <a href="#">Location Considerations</a>
    <a href="#">Planning Guide Template</a>
    <a href="#">Safe Room Assembly</a>
    <a href="#">Installation Manuals</a>
    </div>

    <!--3rd anchor link and menu -->
    <div id="dropmenu3" class="dropmenudiv" style="width: 175px;">
    <a href="#">Safe Room Benefits</a>
    <a href="#">Risk Assessment</a>
    <a href="#">Storm Shelter Ratings</a>
    <a href="#">FAQ</a>
    <a href="#">Impact Testing Videos</a>
    <a href="#">Tornado Damage Photos</a>
    <a href="#">Shelter News</a>

    <!--4th anchor link and menu -->
    <div id="dropmenu4" class="dropmenudiv" style="width: 175px;">
    <a href="#">Contact Us</a>
    <a href="#">About Us</a>
    <a href="#">About the Name</a>
    <a href="#">Become a Dealer</a>
    <a href="#">Financing</a>
    <a href="#">Links</a>
    </div>

  2. #2
    Join Date
    Feb 2006
    Location
    IL
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Red face

    ok. I knew it was something stupid. Finally caught it. Forgot the </div> after the third dropdown div. Ugh. I hate mistakes like that.

    Thanks anyway.

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
  •