Sythe.org — A Virtual Goods Trading Hub

XeronatesBad *BANNED* · #1 04-09-2011, 05:30 AM

This site isn't meant to be glamorous by anymeans. It is basically just a bunch of random strings to help me practice what I have learned in about 2 hours. I am trying to figure out how to make a hyperlink out of the Runescape Logo picture that will take me to the runescape homepage.... anyhelp?

Code:

<html>
<body>

<h1>This is Page1</h1>
<p> <img src="http://images-mediawiki-sites.thefullwiki.org/09/4/1/5/38530612540495751.gif" /> <br/>
<font color="red" Welcome to Xeronate's Professional Questing Service </font> <br/>
Here is a link to <a href="http://www.runescape.com"> Runescape </a>
<hr/>
<font color="yellow" Clicking this picture will also take you to Runescape.<br/>
<img src="http://www.gamesareus.com/wp-content/runescape1.jpg" width="512" Height="216" alt="Runescape Logo" usemap="#RunescapeLogo" />

<map name="RunescapeLogo">
<a href="http://www.runescape.com" alt="Runescape Homepage" />

</body>
</html>

EDIT: I actually solved this problem more quickly than expected. Can anyone explain to me the usage of the element "usemap" please?

My Revised code:

Code:

<html>
<body>

<h1>This is Page1</h1>
<p> <img src="http://images-mediawiki-sites.thefullwiki.org/09/4/1/5/38530612540495751.gif" /> <br/>
<font color="red" Welcome to Xeronate's Professional Questing Service </font> <br/>
Here is a link to <a href="http://www.runescape.com"> Runescape </a>
<hr/>
<font color="yellow" Clicking this picture will also take you to Runescape.<br/>
<a href="http://www.runescape.com"> <img src="http://www.gamesareus.com/wp-content/runescape1.jpg" width="512" height="216" alt="Runescape Logo" /> </a>


</body>
</html>

Aleul · #2 04-09-2011, 01:12 PM

Code:

<a href="http://www.runescape.com">
     <img src="PATH TO IMAGE">
</a>

ministation · #3 04-09-2011, 03:21 PM

Usemap is an attribute which allows you to create an image where you can add clickable areas. For example you can make a picture, where you add text and for each text you can add different link. Hope this gave the basic idea of it. Im sure there are alot of guides on google on how to use Usemap.