PDA

Click to See Complete Forum and Search --> : Html table alignment problem

xlegend
07-16-2003, 01:16 PM
<html>
<body bgcolor=purple alink='#FFFFFF' vlink='#FFFFFF' link='#FFFFFF'>
<center><img height=300 width=390 src="Websitephotome.jpg"></center><br>
<Center><font color=white size="8"><i>Welcome to My Website<i></font></center>
<hr width=75% align=center>
<br><br>

<!---Begin 1-Left Menu-->
<TABLE borderColor=white height=30 cellSpacing=0 cellPadding=0 width="20%" align=left border=1>
<TBODY>
<td><TR borderColor=white BORDER="1">
<TD align=middle bgColor=white height=100%><FONT
face="VERDANA, ARIAL, HELVETICA, SANS-SERIF" size=1 color=purple><b>Navagation</b>
</FONT>
</TD>
</TR>
<tr>
<td><font color=white>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br><br></font>
</td>
</tr>
<table>
<!---End 1-Left Menu-->
<!---Begin 1-Left Menu-->
<TABLE borderColor=white height=30 cellSpacing=0 cellPadding=0 width="50%" align=Center border=1>
<TBODY>
<td><TR borderColor=white BORDER="1">
<TD align=middle bgColor=white height=100%><FONT
face="VERDANA, ARIAL, HELVETICA, SANS-SERIF" size=1 color=purple><b>Welcome</b>
</FONT>
</TD>
</TR>
<tr>
<td><font color=white>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br><br></font>
</td>
</tr>
<table>
<!---End 1-Left Menu-->
<!---Begin 1-Left Menu-->
<TABLE borderColor=white height=30 cellSpacing=0 cellPadding=0 width="20%" align=Right border=1>
<TBODY>
<td><TR borderColor=white BORDER="1">
<TD align=middle bgColor=white height=100%><FONT
face="VERDANA, ARIAL, HELVETICA, SANS-SERIF" size=1 color=purple><b>News</b>
</FONT>
</TD>
</TR>
<tr>
<td><font color=white>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br><br></font>
</td>
</tr>
<table>
<!---End 1-Left Menu-->


Above is an example of the code that makes up my webpage. If you save it as an html file and take a look at it, you'll notice that the tables are not aligned at the top of the page. I would to know why this is and how to fix it.
Khalid Ali
07-16-2003, 04:13 PM
using tables for layout is not the popular way anymore..you should look into using CSS,however see the changes below..if thats what you intended to do..


<html>
<head>
<title>
</title>
</head>
<body bgcolor="purple" alink='#FFFFFF' vlink='#FFFFFF' link='#FFFFFF'>
<center>
<img alt="error-file:tidyout.log" height="300" width="390" src=
"Websitephotome.jpg">
</center>
<br>
<center>
<font color="white" size="8"><i>Welcome to My Website</i></font>
</center>
<hr width="75%" align="center">
<br>
<br>
<!---Begin 1-Left Menu-->
<table width="100%">
<tr><td width="33%">
<table width="100%">
<!---End 1-Left Menu-->
<!---Begin 1-Left Menu-->
<tbody>
<tr>
<td>
</td>
</tr>
<tr bordercolor="white" border="1">
<td align="middle" bgcolor="white" height="100%">
<font face="VERDANA, ARIAL, HELVETICA, SANS-SERIF" size="1"
color="purple"><b>News</b></font>
</td>
</tr>
<tr>
<td>
<font color="white">~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
<br>
</font>
</td>
</tr>
</tbody>
</table>
</td>
<td width="33%">
<table width="100%">
<!---End 1-Left Menu-->
<!---Begin 1-Left Menu-->
<tbody>
<tr>
<td>
</td>
</tr>
<tr bordercolor="white" border="1">
<td align="middle" bgcolor="white" height="100%">
<font face="VERDANA, ARIAL, HELVETICA, SANS-SERIF" size="1"
color="purple"><b>Welcome</b></font>
</td>
</tr>
<tr>
<td>
<font color="white">~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
<br>
</font>
</td>
</tr>
</tbody>
</table>
</td>
<td width="33%">
<table bordercolor="white" height="30" cellspacing="0" cellpadding="0"
width="100%" align="left" border="1">
<tbody>
<tr>
<td>
</td>
</tr>
<tr bordercolor="white" border="1">
<td align="middle" bgcolor="white" height="100%">
<font face="VERDANA, ARIAL, HELVETICA, SANS-SERIF" size="1"
color="purple"><b>Navagation</b></font>
</td>
</tr>
<tr>
<td>
<font color="white">~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
~ <a href="">Link</a><br>
<br>
</font>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</body>
</html>
xlegend
07-17-2003, 11:19 AM
Thank you Khalid Ali


I've used css once before. It's the line method I know. I like tables more though. Thank you for the reply!