Css problem

Chronicle · 16 Sep 2006 at 16:47

Hello
I have some thumbnail images, 120x120. I want to display them at 60x60 with some text under it. When someone puts their mouse over it it should show it at 120x120 and the text should disapear.

Ive got it working in FF:
http://www.it-ws.co.uk/wtf/wtf.htm

But view it in IE and it doesn't work at all.

Anyone got any ideas? (note - those images are just off sxc.hu till i get real images for my project. Its not porno or anything!)
Cheers

iCraig · 16 Sep 2006 at 16:51

http://validator.w3.org/check?verbose=1&uri=http://www.it-ws.co.uk/wtf/wtf.htm

Firstly, the mark-up isn't validating very well. That could be source of the IE issues.

Make sure the page validates first and then go from there.

Chronicle · 16 Sep 2006 at 16:58

It validates now, but still the same.

toString · 16 Sep 2006 at 17:06

http://www.w3schools.com/css/css_pseudo_classes.asp

Anchor Pseudo-classes
A link that is active, visited, unvisited, or when you mouse over a link can all be displayed in different ways in a CSS-supporting browser:

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

It might help, it might not...

Lagz · 16 Sep 2006 at 17:14

Works fine in IE7