So I'd like to rip off the contact overlay idea that you guys came up with on this forum. I'm going to use the idea on a website I am putting together for my friend's gym.

My plan is to have pictures whose overlays contain link. So as you mouse-over the picture you're presented with a list of associated links.

Does anyone have an issue with me (attempting) to rip the code from the forum?

Well it's Liam's code really so I'm sure he will say likewise, but its not something you would struggle to come across elsewhere or certainly not a length of code I would think is considerable as copyright, you can generally find scripts for anything of this nature with a quick google. I hardly ever write my own scripts when I know I can quickly tweak a free one from the interwebs. Since you asked nicely he might simply show you how he did it even

It is not like a secret thing.
Not done with any javascript here though, pure css.
:hover ftw.
If you do :hover to elements other then an a though you need a bit of javascript to add a class to target and style with css as well for IE.

I thought IE supported :hover on other elements since IE7 or something?

Quote from: Clock'd 0Ne on August 23, 2011, 09:23:27 AM
I thought IE supported :hover on other elements since IE7 or something?

The element occasionally remains in the hover state if the cursor is moved from the element while the mouse button is pressed; the hover state sometimes fails to apply when it should.
    :hover doesn't match elements with negative z-index property values.
    :hover on elements other than anchors is often slow to react. On large tables this can prove to be almost unusable. A fix is to add position relative (assuming the element is not positioned) to the element being hovered.

In Internet Explorer version 8, the manipulation of elements with negative z-index is buggy when used in conjunction with :hover or :active rules

Also only works when using certain doc types. XHTML Strict only for example is one. Buggy as hell when using HTML5 doctype.

So it seems I've blissfully managed to avoid all of those scenarios Actually I don't generally use hover on elements other than a tags anyway, our software applies "hover" classnames to most areas where I need to use hover effects which conveniently skirts this problem.

Cheers neXus (and Clock'd). I thought it'd be ok but it's always polite to ask before ripping off

Quote from: Clock'd 0Ne on August 23, 2011, 10:50:38 AM
So it seems I've blissfully managed to avoid all of those scenarios Actually I don't generally use hover on elements other than a tags anyway, our software applies "hover" classnames to most areas where I need to use hover effects which conveniently skirts this problem.

Most do an jquery has its own :hover .hover addClass stuff as well.
Just that IE just is buggy as hell and not just with this stuff as you know.

Do not give an a height/line height and in some cases block it -IE MOANS!