Why my links don't work? They are saved all in the same directory.

**drhowarddrfine** · Jan 1 '11, 11:58 PM

It works for me. So you are saying this page is in the same directory, such as the desktop, as the other html files? Should work.

btw, you should be testing in a modern browser and not IE.

**Black Hole** · Jan 2 '11, 11:57 AM

Yes, this page is in the same directory, everything on the Documents. I tried it on IE, Fire Fox, Chromo and all of them the links don't work, saying the 'file hasn't been found'.
Do you think I may had done something wrong with the HTML/css make up?

Code:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="pt">
<head>

	<style type="text/css" media="screen">
   	body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#000;
        font-family: Arial, Helvetica, sans-serif;
        background-image: url('brown152.jpg');
        font-size: 14px;
	}
	#wrap {
		width:990px;
		margin:0 auto;
		background:#fff;
        background-image: url('brown152.jpg');

	}
	#header {
    	padding:5px 10px;
		background:#000;
        background-image: url('ja.jpg');
        padding: 90px;
        border-bottom: 1px solid #330000;
    }

   #nav {
list-style:none;
margin-left: 50px;
margin-top: -13px;
padding:0;
width:960px
}

#nav li {
display:inline
}

#nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#;
color:#FFCC00;
float:left;
text-align:center;
border-left: px solid #330000;
}

#nav li a:hover {
background:#FF00FF;
color:#660000;
}
      #nave {
list-style:none;
margin-left: 0px;
 margin-bottom: 50px;
margin-top: -33px;
padding:0;
width:px

}

#nave li {
display:inline
}

#nave li a {
text-decoration:none;
padding:5px 0;
width: 80px;
background:#;
color:#FF3399;
float:left;
text-align:center;
border-left: px solid #330000;
}

#nave li a:hover {
background:#FFCCFF;
color:#9966FF;
}

	#main {
		float:left;
		width:457px;
		padding:15px;
		background: #FFF;
        background-image: url('.jpg');
        margin-left: 5px;
        margin-right: 3px;
        margin-top: 2px;
        text-align: justify;
	}
       i {
         color: #663300;
       }

     h5 {
       color: #660066;
       font-size: 1.2em;
     }

	h3 {
		margin: 1em;
        color: #660000;
        font-size: 1.5em;
	}
    b {
      color: #FF3333;
      font-size: 2em;
      font-family: script, 'Bookman Old Style', serif;
      margin-left: 50px;
}


	#sidebar {
		float:right;
		width:457px;
		padding:15px;
		background:#F6F9CC;
        background-image: url('.jpg');
        margin-left: 3px;
        margin-right: 5px;
        margin-top: 2px;
        text-align: justify;
	}
    #img {
      margin-left: 80px;
    }

	#footer {
		clear:both;
		padding:15px 10px;
		background:#330000;
        background-image: url('brown152.jpg');
        color: #FFCCFF;
	}
	#footer p {
		margin:0;
        font-size: 0.9em;
    }
	* html #footer {
		height:1px;
	}
	</style>
</head>
<body>
<div id="wrap">
	<div id="header"></div>
	<div id="nav">
	     	<ul>
 <li><a href="HOME.html">HOME</a></li>
<li><a href="MOGI.html">MOGI</a></li>
<li><a href="GURUDEVA.html">GURUDEVA</a></li>
<li><a href="KRISHNA.html">KRISHNA</a></li>
<li><a href="NAROTTAM.html">NAROTTAM</a></li>
<li><a href="VRINDAVANA">VRINDAVANA</a></li>
<li><a href="VACA SEVA.html">VACA SEVA</a></li>
<li><a href="CONTATO.html">CONTATO</a></li>
			</ul>

	</div>


	<div id="main">
	 </br>
         	<div id="nave">
          	<ul>
 <li><a href="1-64.html">1-64</a></li>
<li><a href="65-92.html">65-92</a></li>
<li><a href="93-126.html">93-126</a></li>
<li><a href="127-196.html">127-196</a></li>
 <li><a href="197-254.html">197-254</a></li>
</ul></div>
           </br>

**drhowarddrfine** · Jan 2 '11, 01:39 PM

Then I don't have a clue cause it works for me.

**hellodipak** · Jan 3 '11, 11:10 AM

Try adding charset in head tag -
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

Should work.

**Black Hole** · Jan 3 '11, 02:00 PM

thank you.
I used it and this doesn't work well with the Portuguese language I am using, it doesn't show the ça, ão, é of this language and didn't help with the link either. I just can't understand what I had done wrong. Do you know this same code you sent to me for Portuguese language?

**AutumnsDecay** · Jan 3 '11, 02:38 PM

Do the links just not work, as in they don't act as links, or do they open a new page but you get an error message?

If you do get an error message (example: 404-Page Not Found!), then you should see in the address bar what it's looking for. You can then see if it matches what's in your code.

Example:

If your code reads:

Code:

<a href="1234-44.html">1234-44</a>

But your browser is requesting 1234–44.h tml, we can probably guess that it's an encoding error.

Please let us know so we can try to help more.

**Black Hole** · Jan 3 '11, 03:05 PM

Opera, IE, Chrome and Firefox all said the same thing: Page can't be found or can't be open. The address the browser refers to is the same I am requesting, yet it is not opening the file.

Why my links don't work? They are saved all in the same directory.

Why my links don't work? They are saved all in the same directory.

Comment

Comment

Comment

Comment

Comment

Comment

Comment