thablkpanda 0 Report post Posted February 23, 2005 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 PLEASEPandaz. Share this post Link to post Share on other sites
NilsC 0 Report post Posted February 23, 2005 This is a test page <html><body><p>You can also use an image as a link:<a href="lastpage.htm"><img src="angry.gif" alt="Go to last page" width="32" height="32" border="0" /></a></p></body></html>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 Share this post Link to post Share on other sites
vizskywalker 0 Report post Posted February 24, 2005 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"> . Share this post Link to post Share on other sites
Mike 0 Report post Posted February 24, 2005 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! Share this post Link to post Share on other sites
NilsC 0 Report post Posted February 24, 2005 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 :PNils Share this post Link to post Share on other sites
vizskywalker 0 Report post Posted February 24, 2005 I'm glad you brought it up because I had forgotten the <map> tag even existed. Share this post Link to post Share on other sites
beeseven 0 Report post Posted February 26, 2005 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. Share this post Link to post Share on other sites
vizskywalker 0 Report post Posted February 27, 2005 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. Share this post Link to post Share on other sites
NotoriousZach 0 Report post Posted February 27, 2005 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 Share this post Link to post Share on other sites
Mike 0 Report post Posted March 1, 2005 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>'>_> Share this post Link to post Share on other sites
HmmZ 0 Report post Posted March 3, 2005 Just use what you normally use for a logo of a site..<a href="direct_to_this_link.htm"> <img border="0" src="your_pic.gif" width="" height="" /></a>It is as you see it, you start with the hyperlink tag and IN the hyperlink tag you display the image, that way it will display the image and have a hyperlink on it aswell. Correct me if i'm wrong Share this post Link to post Share on other sites
alexia 0 Report post Posted March 5, 2005 see this ::<a href="your site to be link"><img border="0" src="your jpg or gif file address " width="size of width of your pic" height="size of height of your pic"></a>you can use forntpage or some html editors Share this post Link to post Share on other sites
soulnetwork_tk 0 Report post Posted March 5, 2005 <img src="adfggty.gif" alt="fsgjsfgjsfgj" width="32" height="32" border="0" /> Share this post Link to post Share on other sites
