Results 1 to 4 of 4
  1. #1
    New Lounger
    Join Date
    Jun 2011
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    ABC to run left to right

    1.
    Produced this code for a table but cannot get it to run horizontal across the web page.


    <table border="2" bordercolor="red" cellspacing="10" cellpadding="3" align="center" bgcolor="yellow" >

    <tr> <td>A</td> </tr> <td>B</td> </tr> <td>C</td> </tr> <td>D</td> </tr> <td>E</td> </tr>
    <td>F</td> </tr> <td>G</td> </tr> <td>H</td> </tr> <td>I</td> </tr> <td>J</td> </tr>
    <td>K</td> </tr> <td>L</td> </tr> <td>M</td> </tr>
    <tr> <td>N</td> </tr> <td>O</td> </tr> <td>P</td> </tr> <td>Q</td> </tr> <td>R</td> </tr>
    <td>S</td> </tr> <td>T</td> </tr> <td>U</td> </tr> <td>V</td> </tr>
    <td>W</td> </tr> <td>Y</td> </tr> <td>X</td> </tr> <td>Z</td> </tr>
    </table>

    the code runs top to bottom and is down left hand side.

    2.

    how to add link for each letter to a picture folder for each one.

    Thanks for any assitance. Beginner to this gleaned snippets for internet.

  2. #2
    Super Moderator RetiredGeek's Avatar
    Join Date
    Mar 2004
    Location
    Manning, South Carolina
    Posts
    9,434
    Thanks
    372
    Thanked 1,457 Times in 1,326 Posts
    HTML Code:
    <table border="2" bordercolor="red" cellspacing="10" cellpadding="3" align="center" bgcolor="yellow" >
      <tr>
        <td><a href="http://www.google.com/...">A</a></td> 
        <td>B</td>
        <td>C</td>
        <td>D</td>
        <td>E</td>
        <td>F</td>
        <td>G</td>
        <td>H</td>
        <td>I</td>
        <td>J</td>
        <td>K</td>
        <td>L</td>
        <td>M</td>
        <td>N</td>
        <td>O</td>
        <td>P</td>
        <td>Q</td>
        <td>R</td>
        <td>S</td>
        <td>T</td>
        <td>U</td>
        <td>V</td>
        <td>W</td>
        <td>Y</td>
        <td>X</td>
        <td>Z</td>
      </tr>
    </table>
    I added the code for the picture reference to the 1st one only, just replace the blue portion between the quotes with the link to your picture. The problem you were having was adding a new row <TR></TR> or each letter. All the cell tags <TD></TD> between row tags <TR></TR> will display horizontally.
    May the Forces of good computing be with you!

    RG

    PowerShell & VBA Rule!

    My Systems: Desktop Specs
    Laptop Specs

  3. The Following User Says Thank You to RetiredGeek For This Useful Post:

    Iaurtincowen (2011-07-09)

  4. #3
    New Lounger
    Join Date
    Jun 2011
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That has done the trick.
    Many thanks.



    AS EVER IF YOU DON'T ASK YOU DON'T LEARN.

  5. #4
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts
    Although you were not inserting new <tr> tags, you had </tr> tags ending each row. So some browsers may have lent you a hand by adding the missing <tr> tags rather than discarding the unnecessary </tr> tags.

    I can't see your whole page, so this might not be relevant, but...

    You may notice that the top line of an HTML page often is a DOCTYPE declaration. This is not displayed, but is used by the browser to some extent to process what follows. If this line is omitted, browsers will render the page in "quirks" mode, which is less predictable.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •