[Solved] hyper linked image doesn’t work

[whd2010]

I hope someone can help me, I’m using the slot machine on a website that is ready to be launched soon and I have found a way to make the hyper links work on Text by adding a “class”. When I add a hyper link to an image it screws things up, the text in a column moves on top of or behind the image.
What do I need to do to correct this and make a simple image clickable.
Thanks Karen of Woo Hoo Designs

[Bob]

Do you have a code example of your problem?

[whd2010]

Hi Bob and thanks in advance for looking at this. Karen

Here is the site I’m working on with no image in the slot machine hyper linked.
*removed website link*

Here is a test example page of one that has the image on the first tab hyper linked, you can see the image over lapping the text and a border around the image in which I tried to set border=”0″ but was of no effect. Perhaps it’s something to do with this Z-index?

This is the code where I placed the hyper link

Here are the links to the source files for the Slot Machine code
*removed website links*

[whd2010]

Thanks! and so simple. I also added this to get no border around the images.
img { border:none }

Now to get to work and make all those images hyper linked. Karen

[whd2010]

OK it doesn’t work in all browsers, It works in FF, but not Safri or Opera, and haven’t checked in IE just yet. Any other ideas? Karen

[whd2010]

I got this to work in the end. Used another code change. Thanks Karen

[Author]

Posts