PDA

View Full Version : jQuery Multi Level CSS Menu #2 Cross Platform Issues



esynctric
01-09-2009, 07:03 PM
1) Script Title: jQuery Multi Level CSS Menu #2

2) Script URL (on DD):
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

3) Describe problem:

My Coding for the menu above works in IE perfectly, but not FF, Google or Safari.

Here's my site:

http://www.trengovestudios.com/home.htm

Why isnt the coding working in the other browsers? I validated the site on w3c.org and the only issues were with the <ul> and <li> tags which I assume were because of the css in the menu?

:confused::confused::confused:

Thanks

Nile
01-09-2009, 07:59 PM
Your not making the submenu right, here look:


<div id="myslidemenu" class="jqueryslidemenu">
<ul><!-- Essential -->
<li><a href="booking.php">Booking</a></li><!-- Main link -->
<li><a href="short.php">Short Cuts</a><!-- Don't end the li, lets call it li:a. This will be a drop -->
<ul><!-- Essential -->
<li><a href="Dogs.php">Dogs</a></li><!-- Dropdown -->
<li><a href="Cats.php">Cats</a></li><!-- Dropdown -->
</ul><!-- Essential -->
</li><!-- Ending li:a -->
</ul>
<br style="clear: left" />
</div>
Take a look at the comments.

esynctric
01-09-2009, 08:25 PM
Ok, I see what I did, I ended the sub categories with </li> tags when I wasnt suppose to...I cant believe I overlooked that! You just lifted 10 LBS off my shoulder! I just tested it in the other browsers and it worked great!!! THANKS!!!

Nile
01-09-2009, 08:32 PM
Haha - glad to help anytime. Your welcome. :)