Re: Navigation
First Your code is all over the place, haha - I suggest you look into more of CSS and DIV coding this allows for better looking sites and is more standard than tabled-css and is very easy to operate once you get a hang of CSS coding (less HTML coding)
Your Code
My Code
Create a page called style.css and upload it
add the style.css to your server and than add this code to the HEADER of your page (between the <head></head> tags)
Also, if you dont wanna add the CSS you can just do the JavaScript way you were and doing this
to try, try linking to the file itself -- without clicking the link. Or, post here the exact folder/place it is
so:
/public_html/page2.html ?
First Your code is all over the place, haha - I suggest you look into more of CSS and DIV coding this allows for better looking sites and is more standard than tabled-css and is very easy to operate once you get a hang of CSS coding (less HTML coding)
Your Code
Code:
<td> <a href="#" onmouseover="window.status='about'; changeImages('about', 'images/about-over.jpg'); return true;" onmouseout="window.status=''; changeImages('about', 'images/about.jpg'); return true;" onmousedown="changeImages('about', 'images/about-over.jpg'); return true;" onmouseup="changeImages('about', 'images/about-over.jpg'); return true;">
<img name="about" src="images/about.jpg" alt="about" border="0" height="33" width="69"></a></td>My Code
Code:
<td>
<a href="page2.html" title="About" class="about"></a>
</td>Create a page called style.css and upload it
Code:
/*** About Link ***/
a.about, a.about:link, a.about:visited, a.about:active {
width: 69px;
height: 33px;
border: 0px;
background-image: url(images/about.png);
background-repeat: no-repeat;
display: block;
margin: 0px;
paddign: 0px;
float: left;
text-decoration: none;
}
a.about:hover {
background-image: url(images/about-over.png);
background-repeat: no-repeat;add the style.css to your server and than add this code to the HEADER of your page (between the <head></head> tags)
Code:
<link rel="stylesheet" href="style.css" type="text/css" />Also, if you dont wanna add the CSS you can just do the JavaScript way you were and doing this
Code:
<td> <a href="page2.html" onmouseover="window.status='about'; changeImages('about', 'images/about-over.jpg'); return true;" onmouseout="window.status=''; changeImages('about', 'images/about.jpg'); return true;" onmousedown="changeImages('about', 'images/about-over.jpg'); return true;" onmouseup="changeImages('about', 'images/about-over.jpg'); return true;">
<img name="about" src="images/about.jpg" alt="about" border="0" height="33" width="69"></a></td>to try, try linking to the file itself -- without clicking the link. Or, post here the exact folder/place it is
so:
/public_html/page2.html ?
