Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Apr 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    table alignment?

    ok i am making a car club site and im having problems with my tables . i have a couple tables within tables and i want the table that are within the tables to be aligned at the top. some of the tables are being aligned in the middle instead of the top . how can i fix this so all the tables are aligned at the top?
    here is the coding:
    <html>
    <title> Car Club </title>
    <!--#41383C-->
    <body bgcolor="3333333" text="FFFFFFF">
    <table align="center" border="1"cellpadding="0"cellspacing="0" width="80%" bordercolor="9999999">
    <tr><td colspan="3" bgcolor="6666666"><img src="C:\Documents and Settings\ryan \Desktop\Pure Velocity Website/top banner.jpg"></img></td></tr>
    <tr><td colspan="3" bgcolor="6666666"> nav.</td></tr>
    </table>
    <table align="center" border="1"cellpadding="0"cellspacing="10" width="80%" bordercolor="9999999" rules="none">
    <tr>
    <td rowspan="2" width="17%" bgcolor="6666666" >
    <table border="1"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Navigation</td></tr>
    <tr><td>Home</td></tr>
    <tr><td>About Us</td></tr>
    <tr><td>Members</td></tr>
    <tr><td>Multimedia </td></tr>
    <tr><td>Contact Us</td></tr>
    </table>
    </td>
    <td rowspan="3" width="60%"bgcolor="6666666">
    <table align="center" border="0"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">News</td></tr>
    <tr><td>3/09- The site is being launched. We hope to pick up some new members by lauching this site. Here at Pure Velocity we are all about meeting and welcoming them in to our club if they are voted in.</td></tr>
    </table
    </table>
    </td>
    <td bgcolor="6666666">
    <table align="center" border="1"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Poll</td></tr>
    <tr><td>What members car do you like the most?</td></tr>
    <tr><td><input type="radio" name="group1" value="prelude">97 Honda Prelude</td></tr>
    <tr><td><input type="radio" name="group1" value="civic">96 k24 Honda Civic</td></tr>
    <tr><td><input type="radio" name="group1" value="trans am" checked>98 Pontiac Trans Am</td></tr>
    <tr><td><input type="radio" name="group1" value="GS-T">95 Mitsubishi Eciplse GS-T</td></tr>
    <tr><td><form align="center">
    <INPUT TYPE=SUBMIT NAME="checkout" VALUE="Submit">
    <INPUT TYPE=SUBMIT NAME="checkout" VALUE="Reset">
    </FORM></td></tr>
    </table>
    </td></tr>
    <tr><td rowspan="2" bgcolor="6666666"><table align="center" border="1"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Random Pictures</td></tr>
    <tr><td><img src="C:\Documents and Settings\ryan bates\Desktop\Pure Velocity Website\Jordans DSM\car2.jpg"></img></td></tr><tr><td align="center">Jordans 95 Mitsubishi Eclipse GS-T </td></tr>
    </table></td></tr>
    <tr><td bgcolor="6666666">
    <table align="center" border="0"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Links</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    </table></td></tr></td></tr>
    </table>
    <table align="center" border="1" cellpadding="0" cellspacing"0" width="80%" bordercolor="9999999">
    <tr><td align="center" bgcolor="6666666">Copyright 2009</td></tr>
    </table>


    </body>
    </html>
    thanks in advance

  • #2
    New Coder
    Join Date
    Mar 2009
    Location
    in your dreams
    Posts
    26
    Thanks
    3
    Thanked 0 Times in 0 Posts
    i think that too many tables are overlapping
    also i think you should use div

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Hello srtwhat, do you know why tables for layout is stupid?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New Coder
    Join Date
    Mar 2009
    Location
    in your dreams
    Posts
    26
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> Car Club </title>
    <!--#41383C-->
    </head>
    <body bgcolor="3333333" text="FFFFFFF">
    <table border="1"cellpadding="0"cellspacing="0" width="80%" bordercolor="9999999">
    <tr><td colspan="3" bgcolor="6666666"><img src="C:\Documents and Settings\ryan \Desktop\Pure Velocity Website/top banner.jpg" /></img></td></tr>
    <tr><td colspan="3" bgcolor="6666666"> nav.</td></tr>
    </table>
    <table border="1"cellpadding="0"cellspacing="10" width="80%" bordercolor="9999999" rules="none">
    <tr>
    <td rowspan="2" bgcolor="6666666" >
    <table border="1"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Navigation</td></tr>
    <tr><td>Home</td></tr>
    <tr><td>About Us</td></tr>
    <tr><td>Members</td></tr>
    <tr><td>Multimedia </td></tr>
    <tr><td>Contact Us</td></tr>
    </table>
    </td>
    <td rowspan="3"bgcolor="6666666">
    <table border="0"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">News</td></tr>
    <tr><td>3/09- The site is being launched. We hope to pick up some new members by lauching this site. Here at Pure Velocity we are all about meeting and welcoming them in to our club if they are voted in.</td></tr>
    </table
    ></td></tr></table>
    </td>
    <td bgcolor="6666666">
    <table border="1"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Poll</td></tr>
    <tr><td>What members car do you like the most?</td></tr>
    <tr><td><input type="radio" name="group1" value="prelude" />97 Honda Prelude</td></tr>
    <tr><td><input type="radio" name="group1" value="civic" />96 k24 Honda Civic</td></tr>
    <tr><td><input type="radio" name="group1" value="trans am" checked="checked" />98 Pontiac Trans Am</td></tr>
    <tr><td><input type="radio" name="group1" value="GS-T" />95 Mitsubishi Eciplse GS-T</td></tr>
    <tr><td><form align="center">
    <input type="submit" name="checkout" value="Submit" />
    <input type="submit" name="checkout" value="Reset" />
    </form></td></tr>
    </table>
    </td></tr>
    <tr><td rowspan="2" bgcolor="6666666"><table border="1"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Random Pictures</td></tr>
    <tr><td><img src="C:\Documents and Settings\ryan bates\Desktop\Pure Velocity Website\Jordans DSM\car2.jpg" /></img></td></tr><tr><td align="center">Jordans 95 Mitsubishi Eclipse GS-T </td></tr>
    </table></td></tr>
    <tr><td bgcolor="6666666">
    <table border="0"cellpadding="0"cellspacing="0" width="100%" bordercolor="9999999">
    <tr><td bgcolor="#41383C">Links</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    <tr><td>Link</td></tr>
    </table></td></tr></td></tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="cellspacing""0" width="80%" bordercolor="9999999">
    <tr><td align="center" bgcolor="6666666">Copyright 2009</td></tr>
    </table>
    
    
    </body>
    </html>

    i'm not sure if this is it because i don't have the images

    i just validated it to see if it works for you now

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    i just validated it to see if it works for you now
    What? There are a lot of deprecated attributes.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    New Coder
    Join Date
    Mar 2009
    Location
    in your dreams
    Posts
    26
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    What? There are a lot of deprecated attributes.
    that was dreamweaver validator

    this is w3

    oh btw i converted what he had before in dreamweaver to xhtml 1.1
    Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
    <title>Car Club</title>
    <!--#41383C-->
    
    <style type="text/css">
    /*<![CDATA[*/
     body {
      background-color: 3333333;
      color: FFFFFFF;
     }
     td.c2 {background-color: #41383C}
     td.c1 {background-color: 6666666}
    /*]]>*/
    </style>
    </head>
    <body>
    <table align="center" border="1" cellpadding="0" cellspacing="0" width="80%">
    <tr>
    <td class="c1" colspan="3"><img src="C:/Documents%20and%20Settings/ryan%20/Desktop/Pure%20Velocity%20Website/top%20banner.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **" /></td>
    </tr>
    <tr>
    <td class="c1" colspan="3">nav.</td>
    </tr>
    </table>
    <table align="center" border="1" cellpadding="0" cellspacing="10" width="80%" rules="none">
    <tr>
    <td class="c1" rowspan="2" width="17%">
    <table border="1" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td class="c2">Navigation</td>
    </tr>
    <tr>
    <td>Home</td>
    </tr>
    <tr>
    <td>About Us</td>
    </tr>
    <tr>
    <td>Members</td>
    </tr>
    <tr>
    <td>Multimedia</td>
    </tr>
    <tr>
    <td>Contact Us</td>
    </tr>
    </table>
    </td>
    <td class="c1" rowspan="3" width="60%">
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td class="c2">News</td>
    </tr>
    <tr>
    <td>3/09- The site is being launched. We hope to pick up some new members by lauching this site. Here at Pure Velocity we are all about meeting and welcoming them in to our club if they are voted in.</td>
    </tr>
    </table>
    </td>
    <td class="c1">
    <table align="center" border="1" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td class="c2">Poll</td>
    </tr>
    <tr>
    <td>What members car do you like the most?</td>
    </tr>
    <tr>
    <td><input type="radio" name="group1" value="prelude" />97 Honda Prelude</td>
    </tr>
    <tr>
    <td><input type="radio" name="group1" value="civic" />96 k24 Honda Civic</td>
    </tr>
    <tr>
    <td><input type="radio" name="group1" value="trans am" checked="checked" />98 Pontiac Trans Am</td>
    </tr>
    <tr>
    <td><input type="radio" name="group1" value="GS-T" />95 Mitsubishi Eciplse GS-T</td>
    </tr>
    <tr>
    <td>
    <form><input type="submit" name="checkout" value="Submit" /><input type="submit" name="checkout" value="Reset" /></form>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="c1" rowspan="2">
    <table align="center" border="1" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td class="c2">Random Pictures</td>
    </tr>
    <tr>
    <td><img src="C:/Documents%20and%20Settings/ryan%20bates/Desktop/Pure%20Velocity%20Website/Jordans%20DSM/car2.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **" /></td>
    </tr>
    <tr>
    <td align="center">Jordans 95 Mitsubishi Eclipse GS-T</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="c1">
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td class="c2">Links</td>
    </tr>
    <tr>
    <td>Link</td>
    </tr>
    <tr>
    <td>Link</td>
    </tr>
    <tr>
    <td>Link</td>
    </tr>
    <tr>
    <td>Link</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <table align="center" border="1" cellpadding="0" width="80%">
    <tr>
    <td class="c1" align="center">Copyright 2009</td>
    </tr>
    </table>
    </body>
    </html>

  • #7
    New to the CF scene
    Join Date
    Apr 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    that didnt really help everything is aligned the same


  •  

    Posting Permissions

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