Jump to content
xisto Community
thablkpanda

One Tag... I Can't Find It Newhere! AHHH

Recommended Posts

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

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

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

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

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

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

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

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 :D

Share this post


Link to post
Share on other sites

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 :D

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.