Results 1 to 2 of 2

Thread: I can't get any menu with a sub-menu to expand

  1. #1
    Join Date
    Jan 2005
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default I can't get any menu with a sub-menu to expand

    Somehow I killed my navigation menus!! Menus without sub-menus are fine, but I can't get any menu with a sub-menu to expand. What did I do?! Here's the first few lines (there's a bunch more but in the same format). Hellllppppppp!!!

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td style="background:images/categories-bg.jpg repeat-x;"><img src="images/categories.jpg" width="217" height="41" /></td>
    </tr>
    <tr>
    <td class="list">
    <ul>
    <li onclick="show_next('tab1')" class="tab_hover" id="tab1"><a href="/SiteIndex.htm">All Product Index <span class="icon"></span> </a>
    <div id="tab1_data" style="display:block;"></div></li>

    <li id="tab2" class="tab" onclick="show_next('tab2')"><a href="javascript:void(0);">Adhesives &amp; Sandpaper <span class="icon"></span> </a>
    <div id="tab2_data">
    <ul>
    <li><a href="/surehold.htm">Sure-Hold Super Glue</a></li>
    <li><a href="/E6000.htm">E6000</a></li>
    <li><a href="/Craftics33.htm">Craftics Acrylic Cement</a></li>
    <li><a href="/sandpaper.htm">Sandpaper</a></li>
    </ul>
    </div>
    </li>

    <li id="tab3" class="tab" onclick="show_next('tab3')"><a href="javascript:void(0);">Beadable Kits <span class="icon"></span> </a>
    <div id="tab3_data">
    <ul>
    <li><a href="/Bottle_opener.htm">Bottle Opener</a></li>
    <li><a href="/BeadableStopper.htm">Beadable Wine Stoppers</a></li>
    <li><a href="/BeadPens.htm">Bead Pens</a></li>
    </ul>
    </div>
    </li>

    <li id="tab4" class="tab" onclick="show_next('tab4')"><a href="javascript:void(0);">Beads/Cabochons <span class="icon"></span> </a>
    <div id="tab4_data">
    <ul>
    <li><a href="/beads.htm">Fancy Glass Beads</a></li>
    <li><a href="/abalone.htm">Abalone, Mother of Pearl</a></li>
    <li><a href="/dichroic.htm">Dichroic Cabochons</a></li>
    </ul>
    </div>
    </li>

    <li id="tab5" class="tab" onclick="show_next('tab5')"><a href="javascript:void(0);">Bottle Stoppers <span class="icon"></span> </a>
    <div id="tab5_data">
    <ul>
    <li><a href="/Stoppers.htm">Stoppers w/Wood Tops</a></li>
    <li><a href="/Stopperbevel.htm">Stoppers w/Bevel Tops</a></li>
    <li><a href="/BeadableStopper.htm">Beadable Bottle Stoppers</a></li>
    <li><a href="/stoppers_display.htm">Stopper Display Stand</a></li>
    </ul>
    </div>
    </li>

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    I think the problems with your javascript, but you could also just do this with css for browsers other than IE. Then just write a script for IE browsers to get the hover state. I don't see a reason why it wouldn't, or would display with the code you posted though there's not enough. Post a link or all of it?

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
  •