PDA

View Full Version : Add Item to CSS Chrome Menu



webbguy
02-21-2006, 05:44 PM
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>

webbguy
02-21-2006, 07:58 PM
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.