Creating invisible A tags over an image

[imfresno]

Hey guys!

Here is the image – http://tinypic.com/r/2lc5xk/8

As you can see there is several year’s on there that need to be able to clickable to another year / page.

I was wondering if there was a A tag css attribute that I could use? Also will it stay over the image if it’s responsive?

Thanks guys!

RS

[__]

<a> tags are HTML, not CSS.
No, you cannot create a hyperlink with CSS.

If you use an a element, the entire image will be clickable, not just a particular spot. What you’re looking for is an image <map>.

<map name="a">
    <area shape="rect" coords="25,25,75,75" href="#fail">
</map>
<img usemap="#a" src="image.png">

[Author]

Posts