SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Trouble with links using a drop down menu

    Hi I am new to this board and am hoping someone can help me. I am having difficulty getting my links to work using a drop down menu.

    Here is my code. Thank you.


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    
    <link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
    <link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="ddsmoothmenu.js">
    
    /***********************************************
    * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu1", //menu DIV id
    	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu', //class added to menu's outer DIV
    	//customtheme: ["#1c5a80", "#18374a"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu2", //Menu DIV id
    	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
    	//customtheme: ["#804000", "#482400"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    </script>
    
    <head>
    <title>Zunieast</title>
    
    </head>
    <body>
    
    <div id="smoothmenu1" class="ddsmoothmenu">
    <ul>
    <li><a href="http://www.dynamicdrive.com"></a></li>
    <li><a href="#">Home</a>
    <li><a href="#">Moccasins</a>
      <ul>
      <li><a href="#">Women</a></li>
      <li><a href="#">Men</a></li>
      <li><a href="#">Children</a></li>
      <li><a href="#">Infants</a></li>
       </ul>
    </li>
    <li><a href="#">Boots</a>
      <ul>
      <li><a href="#">Women</a></li>
      <li><a href="#">Men</a></li>
      <li><a href="#">Children</a></li>
      <li><a href="#">Infants</a></li>
      <li><a href="#">Sheepskin</a></li>
      <li><a href="#">Moosehide</a></li>
      <li><a href="#">Winter</a></li>
      </ul>
    </li>
    <li><a href="#">Sandals</a>
    <ul>
      <li><a href="#">Women</a></li>
      <li><a href="#">Men</a></li>
      <li><a href="#">Children</a></li>
      <li><a href="#">Infants</a></li>
       </ul>
    </li>
    <li><a href="#">Slippers</a>
    <ul>
      <li><a href="#">Women</a></li>
      <li><a href="#">Men</a></li>
      <li><a href="#">Children</a></li>
      <li><a href="#">Infants</a></li>
       </ul>
    </li>
    <li><a href="#">Contact</a>
      </ul>
    </li>
    <br style="clear: left" />
    
    </div>
    
    
    
    <img src="images/302.jpg" align="right" width="400" height="400"/>
    <p align="center"><img src="IMAGES/morningstar2.png" width="700" height="170" alt="Morningstar"/><br /><br /><br />
    <img src="images/304.jpg" align="left" width="400" height="400"/>
    <body>
    <p align="center"><font size="6"><font face="times new roman"><i><strong em>In Business for 16 years</font face="times new roman"></i></strong em><br />
    <p align="center"><font size="5"><font face="times new roman">Besides carrying the entire line of<br />Minnetonka Moccasins, Boots & sandals,<br />we have the finest handcrafted <strong em>sterling silver</strong em> jewelry made by <strong em>Native Americans.</xtrongem><br />
    <p align="center"><font size="6"><font face="times new roman">Jewelry&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Pottery&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sculpture<br />
    Artifacts&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sand Blankets&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Pendleton Blankets<br /><br />2 Old Route 6, Carmel, NY 10512<br /><br />
    <strong em>Hours: </strong em>Tuesday - Saturday 10 - 5:30&nbsp;&nbsp;Sunday 11 - 4<br />
    </body>
    </html>
    </head>
    <table>
    <table width="100%" border="0" cellpadding="0" cellspacing="5">
    <tr>
    <!--area Type="footer" class="user footer"-->
          <div class="user footer">
             <p><div align="center"><font size="5"><font face="times new roman">(877) 278-9378&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp www.ZuniEast.com
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp <a href="mailto:ed@zunieast.com">ed@zunieast.com</a></font></font> <!--"''"--></div></a></font></font> <!--"''"--></div>
             </p>
          </div>
          <!--/area Type="footer"-->
       </div>
       <!--/area Type="runner"--></td>
                               </tr>
                             </table></td>
                           </tr>
    
                         </table>
    Last edited by ralph.m; Oct 13, 2012 at 17:21. Reason: code tags added

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,094
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi cbj1964. Welcome to the forums.

    You've only given us your HTML there, but we need to see your CSS too.

    Can you post a link to the live site?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for responding so quickly. The url is www.zunieast.com

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,094
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    That menu seems to work OK, so what is the issue? When you say the links don't work, at the moment they aren't really links to anything, as each just has href="#", the # being just a kind of placeholder. You need to put the URLs of the actual pages in place of the # for the links to do anything.

    Just as an aside, your images are very slow to lead, which means you need to optimise them for the web. If you have Photoshop, use the Save for Web option to reduce the file sizes significantly.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph. I appreciate your taking the time. :-)

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,094
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by cbj1964 View Post
    Thanks Ralph. I appreciate your taking the time. :-)
    You're welcome. Did those points help fix the issue, or is there still a problem?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  7. #7
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Those points definitely helped. Please let me know if I can return the favor. Good night.

  8. #8
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The name of the script from Dynamic Drive is a little ironic, since the drop downs seem to be loading a little slow for me (I'm in the latest version of Firefox btw). ;-)

    There's actually an app that will make pretty slick CSS menus for you called "CSS Menu Maker" that will create these for you without having to get into all the code: http://cssmenumaker.com/dreamweaver-css-menu-extension. They have some examples of the menus on their site to give you an idea of how responsive they are. It also comes in handy if you are going to be making multiple changes to the menu over time, instead of having to edit all the markup manually.


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
  •