Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Apr 2006
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS menu breaks down in firefox.

    Page does not work in non-IE.
    THE PAGE-
    http://www.emglab.com/search2/

    The main problem is that the menu goes funny in firefox and netscape.
    I got the menu from: http://www.htmldog.com/articles/suck...downs/example/

    Their menu works good, but mine does not, it is the way I have it nested? Any help?

    Thanks! Amanda

  • #2
    Regular Coder
    Join Date
    Oct 2006
    Posts
    206
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Just taking a quick look at the source, so I may be incorrect. Your submenus (ul) should be children of the menu options.

    NO:
    Code:
    <div id="nav">
    		    <ul>
    		      <li><a class="current" href="index.html">Home</a></li>
    
    		      <li><a href="index_products.html">Products</a></li>
    		 		<ul>
    		 			<li><a href="index_downloads.html">Downloads</a></li>
    		 			<li><a href="index_links.html">Web Links</a></li>
    		 			<li><a href="index_support.html">Support</a></li>
    		      	</ul>     
    		      <li><a href="index_software.html">Software</a></li>
    
    		      	<ul>
    		 			<li><a href="index_downloads.html">Downloads</a></li>
    		 			<li><a href="index_links.html">Web Links</a></li>
    		 			<li><a href="index_support.html">Support</a></li>
    		      	</ul> 
    		      <li><a href="index_downloads.html">Downloads</a></li>
    		      <li><a href="index_links.html">Web Links</a></li>
    
    		      <li><a href="index_support.html">Support</a></li>
    		    </ul>
    			</div>
    YES:
    Code:
    <div id="nav">
    		    <ul>
    		      <li><a class="current" href="index.html">Home</a></li>
    
    		      <li><a href="index_products.html">Products</a></li>
    		 		<ul>
    		 			<li><a href="index_downloads.html">Downloads</a></li>
    		 			<li><a href="index_links.html">Web Links</a></li>
    		 			<li><a href="index_support.html">Support</a></li>
    		      	</ul>     
    </li>
    		      <li><a href="index_software.html">Software</a>
    
    		      	<ul>
    		 			<li><a href="index_downloads.html">Downloads</a></li>
    		 			<li><a href="index_links.html">Web Links</a></li>
    		 			<li><a href="index_support.html">Support</a></li>
    		      	</ul> 
    </li>
    		      <li><a href="index_downloads.html">Downloads</a></li>
    		      <li><a href="index_links.html">Web Links</a></li>
    
    		      <li><a href="index_support.html">Support</a></li>
    		    </ul>
    			</div>
    (notice the positions of the </li> tags)


  •  

    Posting Permissions

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