Trouble with links using a drop down menu

**cbj1964** · Oct 13, 2012 14:06

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>

**ralph.m** · Oct 13, 2012 17:20

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?

**cbj1964** · Oct 13, 2012 18:18

Thanks for responding so quickly. The url is www.zunieast.com

**ralph.m** · Oct 13, 2012 20:37

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.

**cbj1964** · Oct 13, 2012 21:19

Thanks Ralph. I appreciate your taking the time. :-)

**ralph.m** · Oct 13, 2012 21:57

Originally Posted by cbj1964

Thanks Ralph. I appreciate your taking the time. :-)

You're welcome.

Did those points help fix the issue, or is there still a problem?

**cbj1964** · Oct 13, 2012 22:28

Those points definitely helped. Please let me know if I can return the favor. Good night.

**Infierno76** · Oct 14, 2012 22:42

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.

User Tag List

Thread: Trouble with links using a drop down menu

Thread Tools

Display

Trouble with links using a drop down menu

Bookmarks

Bookmarks

Posting Permissions