HTML Forum

**ricke46** · 04:06 PM

Hello!

I thought I'd introduce myself first (Hello, I'm Rickey), as I'm a newbie to the forum and the wonderful world of webdesign. I really have no experience other than taking some dreamweaver/flash courses at a digital academy. So bare with me if I ask lame questions.

Okay, here's my situation...

I've made a site via dreamweaver with eleven links in a horizontal dropdown spry. I've linked each link in the spry to the appropriate .htm document. Now when I go to view in a browser, be it Safari, Firefox, or Opera, I get a "#" at the end of the url after I click ONE of the links. In other words, the first link I click will work, but the second, third, etc. will not and will yeild a # symbol at the end of the url.

I would post the code, but the site contains adult language/material (it's a adult ent. site) and I'm not sure what the rules of posting that here are.

Thanks in advance for any help! It's greatly appreciated!

**bill benson** · 07-15-2008, 04:09 PM

Highlight a link that doesn't work in design view, then go to code view and see if the # is there. If so, try deleting it in code view and see if that fixes the problem. Maybe someone here who uses DW more frequently has an idea??

**angele803** · 07-15-2008, 04:32 PM

I haven't used srpy before, but the # symbol after the link usual comes up because you have clicked on a link with an empty href tag.

Adult language and material is against the rules here, but can you post the code for the MENU ONLY? If the text in the menu has bad language, can you replace it with filler text (like "link" or "test"?)

**ricke46** · 04:47 PM

Quote:

Originally Posted by angele803

I haven't used srpy before, but the # symbol after the link usual comes up because you have clicked on a link with an empty href tag.

Adult language and material is against the rules here, but can you post the code for the MENU ONLY? If the text in the menu has bad language, can you replace it with filler text (like "link" or "test"?)

Took your advice and changed the names around. Here is my code:
---------------

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>sampleSite</title>
<style type="text/css">
<!--
#container {
    font-size: 100%;
    height: 1580px;
    width: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;
    background-color: #13140f;
}
#header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #333333;
    height: 200px;
    width: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(images/header.gif);
}
#adboxtop {
    height: 90px;
    width: 728px;
    margin-top: 45px;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    background-color: #999999;
}
#main {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    background-color: #CCCCCC;
    height: 1024px;
    width: 750px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#adboxbottom {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #999999;
    height: 90px;
    width: 728px;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/test.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}
#footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    background-color: #13140F;
    height: 56px;
    color: #03AFDA;
    text-align: center;
    padding: 20px;
}
#spry {
    margin-left: 20px;
    background-color: 04a9d9;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body> 
<div id="container">
  <div id="header"></div>
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <div id="spry">
      <li><a href="index.htm">Home</a> </li>
    </div>
    <li><a href="#" class="MenuBarItemSubmenu">Categories</a>
      <ul>
        <li><a href="link1.htm">LinkOne</a></li>
        <li><a href="link2.htm">LinkTwo</a></li>
        <li><a href="link3.htm">LinkThree</a></li>
        <li><a href="link4.htm">LinkFour</a></li>
        <li><a href="link5.htm">LinkFive</a></li>
        <li><a href="link6.htm">LinkSix</a></li>
        <li><a href="link7.htm">LinkSeven</a></li>
        <li><a href="link8.htm">LinkEight</a></li>
        <li><a href="link9.htm">LinkNine</a></li>
        <li><a href="link10.htm">LinkTen</a></li>
        <li><a href="link11.htm">LinkEleven</a></li>
      </ul>
    </li>
  <li><a class="MenuBarItemSubmenu" href="#">Derty Network</a>
        <ul>
              <li><a href="#">exampleOne.com</a>              </li>
          <li><a href="#">exampleTwo.com</a></li>
          <li><a href="#">exampleThree.com</a></li>
        </ul>
    </li>
    <li><a href="#">Donate</a></li>
  </ul>
  <div id="adboxtop">
    <p>This is AD Box 1</p>
  </div>
  <div id="main">
    <table width="752" height="1018" cellspacing="0">
      <tr>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
  </div>
  <div id="adboxbottom">    This is AD Box 2</div>
  <div id="footer"> Contact  | Webmasters | Legal</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

**angele803** · 07-15-2008, 04:52 PM

An example of your problem is here:
"<li><a href="#" class="MenuBarItemSubmenu">Categories</a>"

Either delete the "#" or delete the link all together.

Any place you have the "#" as the href value, it will add the "#" sign to the end of the current link when you click on it.

**ricke46** · 07-15-2008, 05:10 PM

Quote:

Originally Posted by angele803

An example of your problem is here:
"<li><a href="#" class="MenuBarItemSubmenu">Categories</a>"

Either delete the "#" or delete the link all together.

Any place you have the "#" as the href value, it will add the "#" sign to the end of the current link when you click on it.

I've tried both deleting the number sign and the link all together and both did not work. What's strange is that I added links out to google to these:
<ul>
<li><a href="#">exampleOne.com</a> </li>
<li><a href="#">exampleTwo.com</a></li>
<li><a href="#">exampleThree.com</a></li>
</ul>

and they link out fine and when I hit the back button to go to my index.htm preview and try another google link it works. But the second I hit any of the spry links, all links that I click on afterward stop working.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!