Small HTMl Problem

Discussion in 'Programming General' started by XeronatesBad, Apr 9, 2011.

Sign in to Post
Thread Tools

Thread Tools

  • Thread ID:
Small HTMl Problem
  1. Unread #1 - Apr 9, 2011 at 12:30 AM
  2. XeronatesBad
    Joined:
    Jun 23, 2010
    Posts:
    475
    Referrals:
    0
    Sythe Gold:
    0

    XeronatesBad Forum Addict
    Banned

    Small HTMl Problem
    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>
     
    Share
  3. Unread #2 - Apr 9, 2011 at 8:12 AM
  4. Aleul
    Joined:
    Apr 9, 2011
    Posts:
    2
    Referrals:
    0
    Sythe Gold:
    0

    Aleul Newcomer

    Small HTMl Problem
    Code:
    <a href="http://www.runescape.com">
     <img src="[B]PATH TO IMAGE[/B]">
</a>
     
    Share
  5. Unread #3 - Apr 9, 2011 at 10:21 AM
  6. ministation
    Joined:
    Jul 11, 2010
    Posts:
    481
    Referrals:
    0
    Sythe Gold:
    0

    ministation Esto Quod Es
    $50 USD Donor New

    Small HTMl Problem
    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.
     
    Share
  7. Unread #4 - Apr 13, 2011 at 10:45 PM
  8. the tiger
    Joined:
    Apr 13, 2011
    Posts:
    9
    Referrals:
    0
    Sythe Gold:
    0

    the tiger Newcomer
    Banned

    Small HTMl Problem
    yes like aleul said the code to make it so you can click the picture and takes you to the place is this
    the red http://www.runescape.com is the site it gose to when you click it
     
    Share
< rsps | Need help with declaring variables >

Users viewing this thread
1 guest


 
 
Adblock breaks this site