I need to know how to take an image, and make it a link. Simple? Yeah, But I forgot the tag, and can't find it anywhere. (Don't get smart with me and say to google it either, cuz I've googled it more times then you've searched for any ONE thing... don't attempt it.) HELP PLEASE Pandaz.

Reply

This is a test page

Replace the image with one you have.. It took 2 seconds to Google... here is a great link for resources.

http://www.w3schools.com/tags/tag_img.asp

Nils

Reply

You can also use the <map> tag and simply define the map to be the whole image. This eliminates the blue highlight that the <a> tag frequently places around images. The format is as follows: <map name = "label"><area shape = "type" coords = "*" href = "url"></area>. Make label the label for your map, make type "circle" for a circle, "rect" for a rectangle, or "poly" for any other polygon. If type is "circle", coords takes the format "x, y, r" where (x, y) is the center point and r is the radius. If type is "rect", coords takes the format "x1, y1, x2, y2" where (x1, y1) is the upper left, corner and (x2, y2) is the lower right corner. If type is "poly", coords takes the format "x1, y1, x2, y2, x3, y3, ..., xn, yn" where every (x, y) pair is one coordinate of one of the polygons points. Then use an <img> tag with a format like this: <img src ="yourimage.gif" usemap = "#label"> .

Reply

I like the map idea from the poster above. It makes your site look extremely nice! However, NilsC is correct about the fact that you can just use the href tags and insert an image inbetween the beginning and end. However, don't forget to make the image say where it leads to somewhere on it!

Reply

I like the image map when I have an image for menu options. I agree that you can define the map to be the whole image... That is a good idea when you don't want the blue highlight around the image. Sometimes that blue highlight show that the image is a link and not just another image.

It's nice to use the logo image with the map feature. Then anyone clicking the logo are brought back to the index page. I know I don't want a blue highlight around my logo.

vizskywalker, thanks for the map information. I'll be using more of that

Nils

Reply

I'm glad you brought it up because I had forgotten the <map> tag even existed.

Reply

I think to get rid of the border around an image that you used <a> on you can just specify border="0". For example:
<a href="nextpage"><img src="nextpage.gif" border="0"></a>
I haven't really tested it that much, though. Just in one of w3schools's TryIt boxes.

Reply

Yup, setting border equal to zero in an <a> tag does remove the border, thanks for the heads up. That makes the map only useful if you have one image you want split up.

Reply

Just do the normal link stuff <a href="#">then where you would normall put text like this......you put <img src="#" width=# height=#></a>
That should be about all you need

Reply

Hmm.. Interesting. Like I said before, I like the idea of using an Image Map since it would turn out the nicest. However, I find the part where you have to set the coordinates of the map confusing. >_< I guess I'll just stick to using '<a href="pagething"><img src="imglink"></img></a>'

>_>

Reply