3 replies [Last post]
maflu
Offline
newbie
Last seen: 15 years 49 weeks ago
Joined: 2004-08-03
Posts: 4
Points: 0

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 Sad

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

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 16 weeks 17 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

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).

Verschwindende wrote:
  • CSS doesn't make pies

brockly
Offline
Regular
Kent England
Last seen: 15 years 46 weeks ago
Kent England
Joined: 2004-08-18
Posts: 22
Points: 0

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 }

maflu
Offline
newbie
Last seen: 15 years 49 weeks ago
Joined: 2004-08-03
Posts: 4
Points: 0

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.