Forum Moderators: open
I have set up a list format for menu links. The only thing controlling this in CSS are link colors (it is not set up to have padding or margins).
All the links in the menu work but one. When I click on it on my IE on the Mac it works fine and the images load. When my hub clicks on it in his Windows FireFox it works fine. but on his IE 6 windows 98 if you click on the link, the page loads but none of the images load (even on broadband). Also when he clicks on the home link from this page it doesn't work.
I tested the page and it loads in 6 seconds on dialup.
I"ve run the whole site through verious validators and link checkers and the code is clean.
I can't find the error so if someone can see what's wrong I would appreciate it.
I'm using this doc type:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Here is the relevant
list code:
PS. It's the 5th item that is not working. All other links work fine. I faked the link text.
<div class="menu">
<ul>
<li><a href="widgets1.html">widgest 1</a>
<li><a href="widgets2.html">widgets 2</a>
<li><a href="widgets3.html">widgets 3</a>
<li><a href="greenwidgets.html">green widgets </a>
<li><a href="bluewidgets.html">blue widgets </a>
</li></ul>
</div>
Here is the CSS data for menu:
.menu a:visited {color:#666666;
background: transparent;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu a:link {color:#000000;
background: transparent;
font-size:10px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu a:hover {color: #666666;
background: transparent;
font-size:10px ;
font-family: Verdana, Arial, Helvetica, sans-serif; }
I had added a base href tag to every page on the site but on only this page I had left out the // in the URL. So when you clicked on any link on the page the browser thought it was on another site and the links were thus not correct. this is why the images weren't loading either.