Web Analytics Made Easy -
StatCounter table alignment? - CodingForum

Announcement

Collapse
No announcement yet.

table alignment?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new 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
    i think that too many tables are overlapping
    also i think you should use div

    Comment


    • #3
      Hello srtwhat, do you know why tables for layout is stupid?
      Digitalocean Cloud Hosting (Referral link - get $10 free credit) Fameco

      Comment


      • #4
        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

        Comment


        • #5
          i just validated it to see if it works for you now
          What? There are a lot of deprecated attributes.
          Digitalocean Cloud Hosting (Referral link - get $10 free credit) Fameco

          Comment


          • #6
            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>

            Comment


            • #7
              that didnt really help everything is aligned the same

              Comment

              Working...
              X