Mon, 2004-09-06 08:12
Hello,
I checked the archive of the forum but could not find a solution to my
problem. Also my site in only on my hard disk (did not buy any space
yet) so I cannot give you a link to it 
But anyway, here is my problem: in IE5.0 only (not IE5.5 for instance),
the background color of some of my hovered text links do not appear. On
the same page, I have hovered links with the BG color and others without...
Here is the CSS:
a:link {
color: #000066;
background-color: transparent;
border-bottom: 1px dotted #999;
text-decoration: none;
}
a:visited {
color: #5555FF;
background-color: transparent;
border-bottom: 1px dotted #999;
text-decoration: none;
}
a:hover {
color: white;
background-color: #070371;
}
And here is the XHTML:
<div id="general">
<div id="mainContent">
<div id="leftColumn">
<a href="something">my text with a hovered background color</a>
</div>
<div id="rightColumn">
<a href="somethingelse">my text without a hovered background color</a>
</div>
</div>
</div>
If I change the style sheet and put a background color to a:link links, I noticed the same problem: some receive the background color and some do not...
Can you help me?
Thank you
Chris
Mon, 2004-09-06 08:56
#1
a:hover problem in IE5.0 Win
Not to fix your problem, but if it's an important site, you should have it in at least three places - on your hard disk, removable media like a floppy disk, and uploaded onto a temporary webserver (eg geocities).
Mon, 2004-09-06 10:44
#2
a:hover problem in IE5.0 Win
not sure if this will help, but i was having problems with formatting fonts within <div>s. apart from my main colum so i added the format to each id i wanted to have this effect
#navbar {font-family: Verdana, Helvetica, Arial, sans-serif;font-weight: bold;text-align: center;background-color: #55698a;border-bottom: solid #212d50 1px;font-weight: bold;padding: 15px; }
#navbar a:link, #navbar a:visited {color: #394b60;text-decoration: none;border: solid #394b60 1px;display: inline;background-color: #ffffcc; }
#navbar a:hover{color: #232e3c;background-color: #ccffff;text-decoration: none;border: solid #394b60 1px }
Mon, 2004-09-06 12:11
#3
a:hover problem in IE5.0 Win
brockly wrote:
not sure if this will help, but i was having problems with formatting fonts within <div>s. apart from my main colum so i added the format to each id i wanted to have this effect
I am not sure I understand what you mean but you certainly helped me because you made me realize that my links are in a div and that it might be a problem with this div.
So what I did was to delete the div and tested the links again and this time the link background color appeared normally.
So I went further and noticed that if I left the div in place and only deleted its width attribute, the link background color appeared normally.
It means that root cause here is the width of the div containing the links...
But I cannot delete this width... so here I am now.