How to make links clickable in an image?

Question

I have some text and links in an image. I want to use this image in html page and want to make all available link clickable. How can I do this?

You can do this with the help of CSS. keep that text and link on image by aligning using Position, Margin, Padding fields. — gkrishy, Aug 06 '15 at 05:23
If you have control over the image and text, then gkrishy's comment is the correct answer, if you don't have control over the image, then BMahmoudi's answer is correct to use html maps. — Casey, Aug 06 '15 at 06:42
possible duplicate of [Image button in ActionLink MVC](http://stackoverflow.com/questions/23535704/image-button-in-actionlink-mvc) — Ehsan Sajjad, Aug 06 '15 at 06:55

score 1 · Answer 1 · answered Aug 06 '15 at 05:07

1

You should either use whole image as clickable like

<a href="URL"><img src="Path" /></a>

Or you could use flash file instead which will help you what you want.

answered Aug 06 '15 at 05:07

Harshit

I have lots of links in image. I can't use – Pramod Rana Aug 06 '15 at 05:10
As @BMahmoudi mentions, image maps existed in the HTML spec long before flash and any other plugin technology came along. -1 for suggesting to use a plugin technology when a basic html implementation will suffice – Casey Aug 06 '15 at 06:40
image map works for me ! – Pramod Rana Nov 22 '17 at 12:20

score 1 · Answer 2 · answered Aug 06 '15 at 05:44

1

You can use Image Maps. Ther is an instruction here. http://www.w3schools.com/tags/tag_map.asp

answered Aug 06 '15 at 05:44

Bashir Mahmoudi

How can I get position(coordinates) of links from an image? – Pramod Rana Aug 06 '15 at 10:52
@PramodRana Use ruler in Photoshop. – Bashir Mahmoudi Aug 06 '15 at 15:30

2 Answers2