Results 1 to 8 of 8

Thread: multi level tab menu not working

  1. #1
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default multi level tab menu not working

    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>	

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    What browser are the users that are having trouble using?
    DD Admin

  3. #3
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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.

  4. #4
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    I really need help with this.

  5. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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.
    DD Admin

  6. #6
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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

  7. #7
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    can anyone help with the above questions

  8. #8
    Join Date
    Aug 2009
    Posts
    92
    Thanks
    0
    Thanked 9 Times in 9 Posts

    Default

    change you font size to 12

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
  •