Adblock breaks this site

Small HTMl Problem

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

Thread Tools

Thread Tools

  • Thread ID:
  1. XeronatesBad

    XeronatesBad Forum Addict
    Banned

    Joined:
    Jun 23, 2010
    Posts:
    475
    Referrals:
    0
    Sythe Gold:
    0
    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>
     
    XeronatesBad, Apr 9, 2011
    #1
  2. Aleul

    Aleul Newcomer

    Joined:
    Apr 9, 2011
    Posts:
    2
    Referrals:
    0
    Sythe Gold:
    0
    Small HTMl Problem
    Code:
    <a href="http://www.runescape.com">
     <img src="[B]PATH TO IMAGE[/B]">
</a>
     
    Aleul, Apr 9, 2011
    #2
  3. ministation

    ministation Esto Quod Es
    $50 USD Donor New

    Joined:
    Jul 11, 2010
    Posts:
    481
    Referrals:
    0
    Sythe Gold:
    0
    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.
     
    ministation, Apr 9, 2011
    #3
  4. the tiger

    the tiger Newcomer
    Banned

    Joined:
    Apr 13, 2011
    Posts:
    9
    Referrals:
    0
    Sythe Gold:
    0
    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
     
    the tiger, Apr 13, 2011
    #4
< rsps | Need help with declaring variables >


 
 
Adblock breaks this site