can't get a:hover to work in IE6

**herbie04** · 05-17-2007, 08:56 AM

I'm relatively new to CSS and am trying to get a:hover to work in IE6. Before I post my code here is the situation:

I'm trying to have a "box" that contains an image and a description below the image. The box is showing up fine. However, I've set an a:hover so that a thin red border should appear around the image when pointed to. It works just fine in Firefox but nothing shows up in IE6 when the image is moused-over.

Here is the code:

Code:

<html>
<head>
<style type="text/css">
div.img
{
  
  margin: 2px;
  border: 1px solid #ff0000;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  
}    
div.img img
{
  display: inline;
  margin: 5px;
  border: 1px solid #ffffff;
}
div.img a:hover img 
{
border: 1px solid #ff0000;

}
div.desc
{
  text-align: center;
  font-weight: normal;
  
  margin: 2px;
}
</style>
</head>
<body>

<div class="img">
 <a target="_blank" href="klematis_big.htm"><img src="go blackshirts.jpg" alt="Klematis" /></a>
 <div class="desc">Add a description of the image here</div>
</div>


</body>
</html>

Any help would be greatly appreciated!

**vinyl-junkie** · 05-17-2007, 10:41 PM

I don't have IE6 to test with. Sorry. What I would suggest though is to make sure your page validates. If it does, you're more likely to have your code work in multiple browsers.

Hope this helps.

**sushmant** · 05-25-2007, 04:13 AM

I have read somewhere that, its not possible to use hover function alone. So include link, visited,active along with hover function. You have told that for box(may be image) its not changing color to red. Just try this. Set box's border color to red. It may work. But I am not sure...
a:link { color: #000000; background-color: transparent; text-decoration: underline}
a:visited { color: #000000; background-color: transparent; text-decoration: underline}
a:active { color: #000000; background-color: transparent; text-decoration: none }a:hover {border-color: red}

Thread: can't get a:hover to work in IE6

Thread Tools

Related

Hover command on a td Forum: CSS Forum

Help with an inline a:hover Forum: CSS Forum

hover on links and pics Forum: HTML Forum

a:hover driving me crazy Forum: CSS Forum

Hover text Forum: Website Scripts Forum

can't get a:hover to work in IE6

Re: can't get a:hover to work in IE6

Re: can't get a:hover to work in IE6

Tags for this Thread

Cloudjiffy- PaaS for Developers