multi level tab menu not working

**mcolton** · 08-13-2009, 11:10 AM

1) Script Title: jQuery Multi Level CSS Menu #2

2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...el_css_menu_2/

3) Describe problem:
I have had this code online for 3 weeks and now users are calling saying they cannot see the submenus. Some say the menus are vertical instead of horizontally across the page. The site is http://www.lotatennis.com

PLEASE HELP

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 
  <head>
     <title>Lake Oconee Tennis Association</title>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <meta name="description" content="LOTA is a tennis organization formed for the Lake Oconee area of Georgia" />
    <meta name="keywords" content="tennis, lota, Lake Oconee, usta, alta" />
    <meta name="creation-date" content="Feb 8, 2006" />
    <meta name="author" content="Marty Colton" />

<link rel="stylesheet" type="text/css" href="lota-index.css" />

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<style type="text/css"> 
a:link {color:"blue"} 
a:visited {color:"maroon"}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="jqueryslidemenu.js"></script>

  </head>

  <body style="background-color:#ffff66">

<!-- This the table for LOTA logo and sponsor information -->
    <table style="width:100%">
			<tr>
			  <td style="text-align:center; width:30%; font-family:arial; font-size:18px; color:navy">      
			    <img src="lotalogo.jpg" width="335" height="335" alt="LOTA logo" /><br /><br />
				  &nbsp;&nbsp;PO Box 58, Greensboro, GA 30642
			  </td>	
  	    <td style="text-align:center; width:70%">
          <table width="100%" cellspacing="5"> 
		  			<tr>
	  	  		  <td style="width:50% font-family:arial; font-size:30px; color:navy; font-weight:bold; text-align:center" >
                  <img src="franks-logo.jpg" width="30" height="30" alt="Frank's Chiropractic" />		
					        Franks Chiropractic<br />&nbsp;&nbsp;&nbsp;&nbsp;Life Center
					    </td>
	    			  <td class="sponsors">
                  <a href="http://www.rmclassicwines.com">
                    <img src="classic-wines.jpg" width="280" height="90" alt="Classic Wines" />		
					  			</a>
					    </td>
            </tr>
				
  					<tr>
	    			  <td class="sponsors">
                  <a href="http://www.daltoncarpetone.com">
                    <img src="dalton2.jpg" width="330" height="100" alt="Dalton Carpet One" />		
	                </a>
					    </td>
	  			    <td class="sponsors">
                  <a href="http://DrStathas.googlepages.com">
                    <img src="stathaslogo.jpg" width="280" height="100" alt="Stathas Life Development Center" />		
	                </a>
		  			  </td>
            </tr>

				  	<tr>
	  			    <td class="sponsors">
                  <a href="http://www.kimandlinlogan.com">
                    <img src="kim-tennis.jpg" width="330" height="140" alt="Kim and Lin Logan" />		
	                </a>
  					  </td>
	    			  <td class="sponsors">
                  <a href="http://www.filetsteakandseafood.com/">
                    <img src="filetlogo.jpg" width="280" height="140" alt="Filet Steak House" />		
	                </a>
					    </td>
            </tr>

		  			<tr>
              <td colspan="3" style="text-align:center; font-family:arial; font-size:12px; color:navy">
                  <a href="sponsors.htm">Click here for Sponsor Information<br />
					  			</a>
						  		Support your sponsors. Let them know you used them because they support LOTA.
						  </td>					
	  				</tr>
		  		</table>  
			  </td>
		  </tr>
		</table>

		<div id="myslidemenu" class="jqueryslidemenu">
	  <ul>
			<li><a href="#">Headlines</a>
				<ul style="width:700px">
			    <li><a href="findleague.htm">
            <img style="border:0px" src="tennis_ball.gif" width="16" height="16" alt="Tennis Ball" />		
            <b>LEAGUE SIGNUP:</b> Click here to signup for Ladies, Men's, and Mixed leagues. The season starts Sept 19. 
            </a>
					</li>	 
			    <li><a href="findregistration.htm">
            <img style="border:0px" src="tennis_ball.gif" width="16" height="16" alt="Tennis Ball" />		
            <b>REGISTRATION:</b> Renew membership for 2009 or Join LOTA. Please click here
            </a>
					</li>	 
			    <li><a href="findinfo.htm">
            <img style="border:0px" src="tennis_ball.gif" width="16" height="16" alt="Tennis Ball" />		
            <b>INFO CHANGES:</b> Changed your phone? New email? New address? Click 
            here so LOTA can stay in touch.
            </a> 
					</li>	 
			    <li><a href="mailto:margaretmurphy7@msn.com">
            <img style="border:0px" src="tennis_ball.gif" width="16" height="16" alt="Tennis Ball" />		
            <b>VOLUNTEER PROGRAM:</b> Want to be a volunteer for a LOTA event?
			    	Please contact Margaret Batten. Click here.
            </a> 
					</li>	 
        </ul>
			</li>
			<li><a href="#" style="color:red; height:18px; font-style:italic; font-size:18px">
					  Tournament
          </a>
			  <ul style="width:300px">
					<li><a href="tournament/LOTA-classic-2009.pdf">2009 LOTA Classic</a></li>
					<li><a href="tournament/registration-form.pdf">Registration Form</a></li>
					<li><a href="tournament/sponsor.pdf">Sponsor Information&nbsp;&nbsp;</a>
            <ul style="width:200px">
              <li><a href="tournament/list-sponsors.pdf">List of Sponsors</a></li>
            </ul>
					</li>	
					<li><a href="tournament/volunteer.htm">Volunteer Information</a></li>
					<li><a href="tournament/prizes.htm">Awards / Raffle Prizes</a></li>
					<li><a href="#">Draw Sheets&nbsp;&nbsp;</a>
            <ul style="width:200px">
              <li><a href="#">Men's A Level</a></li>
              <li><a href="#">Men's B Level</a></li>
              <li><a href="#">Men's C Level</a></li>
            </ul>
          </li>
					<li><a href="tournament/accommodations.pdf">Accommodations Information</a></li>
					<li><a href="tournament/directions.htm">Maps / Directions</a></li>
				</ul>		
  		</li>
			<li><a href="#">LOTA Leagues</a>
        <ul style="width:300px">
					<li><a href="mixed.htm">Mixed League</a></li>
					<li><a href="ladies.htm">Ladies' League</a></li>
					<li><a href="combo.htm">Summer Combo League</a></li>
        </ul>
  		</li>
			<li><a href="#">LOTA Links</a>
        <ul style="width:200px">
				  <li><a href="passwd-protect/roster.pdf">Member Roster</a></li>
					<li><a href="directions.pdf">Directions to Courts</a></li>
				</ul>
  		</li>
			<li><a href="#">All About LOTA</a>
        <ul style="width:300px">
          <li><a href="boardmembers.htm">Board Members</a></li>
          <li><a href="statistics.htm">Member Statistics</a></li>
				</ul>
  		</li>
			<li><a href="#">Tennis Links</a>
        <ul style="width:300px; text-align:left">
          <li><a href="http://www.usta.com">
            <img src="ustalogo.jpg" width="40" height="40" alt="USTA" />
            USTA Tennis
          </a></li>
          <li><a href="http://www.southern.usta.com">
	          <img src="new-usta-ss.gif" width="96" height="40" alt="Southern USTA" />
            USTA Southern
			    </a></li>
          <li><a href="http://www.gatennis.com">
	          <img src="usta-ss-ga-button.jpg" width="119" height="40" alt="GA USTA" />
            USTA Georgia
			    </a></li>
          <li><a href="http://www.usta-sta.com/sub_membership_application.htm">Join USTA</a></li>
          <li><a href="http://www.tennisresortsonline.com">Tennis Resorts Online</a></li>
          <li><a href="ntrpcategories.htm">NTRP Categories</a></li>
				</ul>
  		</li>
			<li><a href="#">Lake Oconee Links</a>
        <ul style="width:180px">
          <li><a href="http://www.greeneccoc.org">Greene County</a></li>
          <li><a href="http://www.madisonga.org">Morgan County</a></li>
    			<li><a href="http://www.eatonton.com">Putnam County</a></li>
          <li><a href="http://www.milledgevillega.com">Baldwin County</a></li>
          <li><a href="http://www.reynoldsplantation.com">Reynolds Plantation</a></li>
          <li><a href="http://www.harborclub.com">Harbor Club</a></li>
          <li><a href="http://www.reynoldslanding.com">Reynolds Landing</a></li>
		      <li><a href="http://www.cuscowilla.com">Cuscowilla</a></li>
				</ul>
  		</li>
    </ul>
		<br style="clear: left" /> 
    </div>

    <p>	
	  	<span class="mission-header">Mission Statement:
			</span>
		  <span class="mission">LOTA represents the Lake Oconee Area with members from Greene, Morgan, Putnam 
		  and Baldwin Counties. Our purpose and objective is to create, develop, maintain and promote tennis in 
		  our communities. Our goal is to provide tennis opportunities and programs, where we all have fun, play good 
		  matches, and benefit from physical activity out-of-doors.
			</span>
		</p>
        
  </body>
</html>

**ddadmin** · 08-13-2009, 04:11 PM

What browser are the users that are having trouble using?

**mcolton** · 08-13-2009, 04:16 PM

That's 1 of the problems. I don't know. It works on IE7 which is what I use.

1 of the complaints is that the menu tabs are vertically aligned along the left side instead of horizontaly across the page.

How do you test other browsers.

**mcolton** · 08-16-2009, 12:09 PM

I really need help with this.

**ddadmin** · 08-17-2009, 09:33 AM

Since I can't personally see the problem using IE, I can only speculate what your users mean by "not being able to see the sub menus". Do they merely mean that portions of the sub menus appear hidden, as in the screenshot below:

If so, this only occurs when the browser window is resized to the point that some of the main menu items spill over to the next line.

**mcolton** · 08-21-2009, 03:52 PM

Yes. Some of the problem is overlap on smaller screens.

1. I was on a friend's laptop and looked at my site. When I narrowed the screen, the last menu tab, "Lake Oconee Links", looked like this:

Lake Oconee
Links

and had a larger height than the other menus. I have no idea how that happened but its preferable to the overlap problem. Any ideas on why that happened and how can I get that to be the "norm".

2. Some users say all the menu tabs are aligned vertically down the left edge like this:
Headlines
Tournament
LOTA Leagues
When they mouseover a menu like "Headlines", they see NO submenus. Any idea why this happens.

3. Is there anywhere I can go to look at my site thru other browsers or someplace to test my code in other browsers.
Thanks for your help

**mcolton** · 08-27-2009, 12:17 PM

can anyone help with the above questions

**stringcugu** · 08-28-2009, 12:40 AM

change you font size to 12

Thread: multi level tab menu not working

Thread Tools

Search Thread

multi level tab menu not working

Bookmarks

Bookmarks

Posting Permissions