Light up from an image

Hi

If you're using a footer code, you have to have 2 parts of it . This is an example:

Code:

#affiliates {
  opacity: 0.8;
}

And then:

Code:

#affiliates:hover {
  opacity: 1;
}

The trick they used was that they lowered the opacity of the pictures in the first code to dark so that when you hover it, they turn lighter .

If you have a hard time understanding, please post here your full code for affiliates, including CSS so that we may help you .

Regards,
Pizza Boi

Hello Nibsy,

Change your HTML to :

Code:

<div id="afilBlock"><a href="http://perished.actieforum.com"><img src="http://i44.tinypic.com/k48pp3.jpg" border="0" alt="Image and video hosting by TinyPic"></a><a href="http://www.dreamhorses.biz/forum.htm"><img src="http://i53.tinypic.com/288uvch.jpg" border="0" alt="Image and video hosting by TinyPic"></a><a href="http://chimorea-horses.actieforum.com/"><img src="http://i59.tinypic.com/2hwnsc1.jpg" border="0" alt="Image and video hosting by TinyPic"></a></div>

And use the following CSS :

Code:

#afilBlock img {
    filter:alpha(opacity=70);
      -moz-opacity:0.7;
    -khtml-opacity:0.7;
           opacity:0.7;
}
#afilBlock img:hover {
    filter:alpha(opacity=100);
      -moz-opacity:1;
    -khtml-opacity:1;
           opacity:1;
}