...

View Full Version : table alignment?



srtwhat
04-01-2009, 04:44 AM
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

websteralex
04-01-2009, 07:35 AM
i think that too many tables are overlapping
also i think you should use div

abduraooft
04-01-2009, 07:45 AM
Hello srtwhat, do you know why tables for layout is stupid (http://www.hotdesign.com/seybold/)?

websteralex
04-01-2009, 08:26 AM
<!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

abduraooft
04-01-2009, 08:31 AM
i just validated it to see if it works for you now What? There are a lot of deprecated attributes.

websteralex
04-01-2009, 08:44 AM
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


<!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>

srtwhat
04-01-2009, 04:08 PM
that didnt really help everything is aligned the same



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum