1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Solved: learning html links

Discussion in 'Web Design & Development' started by chrissy1955, Dec 29, 2010.

Thread Status:
Not open for further replies.
Advertisement
  1. chrissy1955

    chrissy1955 Thread Starter

    Joined:
    Jan 29, 2010
    Messages:
    51
    can anyone help me with the following html - I am trying to do linking between pages and also alt tags but neither is working. here is a sample of what I am doing

    <table width="100%" border="2">
    <tr><td valign="bottom" width=" 15% ">
    <a href="joeshome.html"> Home </a>
    <p><img src="iceberg.jpg" border="5" alt="Home" height="100" width="150" </p>
    <a href="joesproduce1.html"> Produce </a>
    <p><img src="cos.jpg" border="5" alt="Produce" height="100" width="150" </p>
    <a href="joeshistory.html"> History </a>
    <p><img src="fancy.jpg" border="5" alt="History" height="100" width="150" </p>
    </td> <td valign="top" width=" 85% ">

    I have managed to get three images and need to have alt tags on them as well as each image should link to its respective page
     
  2. ehymel

    ehymel

    Joined:
    Aug 12, 2007
    Messages:
    696
    If you want the images to be a link, then wrap the image in the <a href></a> tag. For example:

    <a href="joeshome.html"> Home <img src="iceberg.jpg" border="5" alt="Home" height="100" width="150"></a>
    <br>
    <a href="joesproduce1.html"> Produce <img src="cos.jpg" border="5" alt="Produce" height="100" width="150"></a>
    <br>
    <a href="joeshistory.html"> History <img src="fancy.jpg" border="5" alt="History" height="100" width="150"></a>

    Your alt tags are probably not working because you never closed the <img> tag (you left off the closing '>').
     
  3. sepala

    sepala

    Joined:
    May 20, 2010
    Messages:
    4,038
    Hi chrissy1955,

    You haven't completed the <img> tag, and your <table> tag is not completed.

    Are you trying to give image Links???? If it is your code is wrong. Here is the corrected code.

    HTML:
    <table width="100%" border="2">
    <tr><td valign="bottom" width=" 15% ">
    
    <a href="joeshome.html"> <img src="iceberg.jpg" border="5" alt="Home" height="100" width="150" /></a>
    
    <a href="joesproduce1.html"> <img src="cos.jpg" border="5" alt="Produce" height="100" width="150" /> </a>
    
    <a href="joeshistory.html"> <img src="fancy.jpg" border="5" alt="History" height="100" width="150"  /></a>
    
    </td> </tr></table>
    
    Apart from that, you have to put your images into your root folder to work this " img src="iceberg.jpg" ". I hope they in the root folder. If you have any doubts please come back and ask.
     
  4. chrissy1955

    chrissy1955 Thread Starter

    Joined:
    Jan 29, 2010
    Messages:
    51
    That did the trick thank you so very very much - I knew i was getting close but have been looking for a very long time
     
  5. chrissy1955

    chrissy1955 Thread Starter

    Joined:
    Jan 29, 2010
    Messages:
    51
    thank you so much now all fixed
     
  6. sepala

    sepala

    Joined:
    May 20, 2010
    Messages:
    4,038
    Hi crissy1955,

    If we solved your problem, please mark this thread as "Solved"
     
  7. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/971520

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice