Table Help!!

liunx · Jan 9, 2008

i'm having trouble with the images i place into my table. every time the middle cell goes longer... the images move down with it, so they're not aligned to the top of the cell, as i don't want the cells either side of the middle one to move at all. 
 
here's the html... 
 
<HTML> 
<HEAD> 
<META NAME="Author" CONTENT="Andrew"> 
<META NAME="Generator" CONTENT="Microsoft FrontPage 5.0"> 
<TITLE>Coppice.net | Coppice Community High School</TITLE> 
</HEAD> 
<BODY topmargin="0" leftmargin="0"> 
 
 
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="778" HEIGHT="677"> 
 
<TR> 
<TD ROWSPAN="1" COLSPAN="5" WIDTH="778" HEIGHT="102"> 
<IMG NAME="highschool_layout0" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_1x1.gif" WIDTH="778" HEIGHT="102" BORDER="0"></TD> 
</TR> 
 
<TR> 
<TD ROWSPAN="1" COLSPAN="5" WIDTH="778" HEIGHT="17"> 
<IMG NAME="highschool_layout1" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_2x1.gif" WIDTH="778" HEIGHT="17" BORDER="0"></TD> 
</TR> 
 
<TR> 
<TD COLSPAN="2" style="width: auto; height: 160" align="left" valign="top"> 
<IMG NAME="highschool_layout2" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_3x1.gif" WIDTH="177" HEIGHT="217" BORDER="0"></TD> 
<TD ROWSPAN="3" align="left" valign="top" style="width: auto; height: 558"> 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" id="AutoNumber1" width="416"> 
<tr> 
<td align="left" valign="top" style="width: auto"> 
Clock script will go here.</td> 
</tr> 
<tr> 
<td style="float: left; font-family: Arial; font-size: 10pt; width:auto" align="left" valign="top"> 
Coranto script will go here.... 
. 
. 
.. 
. 
. 
. 
. 
. 
. 
. 
.. 
. 
  
. 
. 
. 
.. 
 </td> 
</tr> 
</table> 
</TD> 
<TD COLSPAN="2" style="width: auto; height: 160" align="left" valign="top"> 
<IMG NAME="highschool_layout4" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_3x3.gif" WIDTH="183" HEIGHT="217" BORDER="0"></TD> 
</TR> 
 
<TR> 
<TD style="width: auto; height: 55" align="left" valign="top"> 
<IMG NAME="highschool_layout5" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_4x1.gif" WIDTH="151" HEIGHT="62" BORDER="0"></TD> 
<TD style="width: auto; height: 55" align="left" valign="top"> 
<IMG NAME="highschool_layout6" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_4x2.gif" WIDTH="26" HEIGHT="62" BORDER="0"></TD> 
<TD style="width: auto; height: 55" align="left" valign="top"> 
<IMG NAME="highschool_layout8" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_4x4.gif" WIDTH="32" HEIGHT="62" BORDER="0"></TD> 
<TD style="width: auto; height: 55" align="left" valign="top"> 
<IMG NAME="highschool_layout9" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_4x5.gif" WIDTH="151" HEIGHT="62" BORDER="0"></TD> 
</TR> 
 
<TR> 
<TD WIDTH="151" HEIGHT="343" bgcolor="#000000"> 
 </TD> 
<TD background="highschool_layout_5x2.gif" align="left" style="width: auto; height: 343" valign="top"> 
 </TD> 
<TD background="highschool_layout_5x4.gif" align="left" style="width: auto; height: 343" valign="top"> 
 </TD> 
<TD WIDTH="151" HEIGHT="343" align="left" valign="top" bgcolor="#000000"> 
 </TD> 
</TR> 
 
</TABLE> 
 
 
</BODY> 
</HTML> 
 
Can anyone help me please?Yes...... 
it is because you use rowspan and colspan. 
The images are on top of the cel, but this cel: 
<TD COLSPAN="2" style="width: auto; height: 160" align="left" valign="top"> 
left<IMG NAME="highschool_layout2" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_3x1.gif" WIDTH="177" HEIGHT="217" BORDER="0"></TD> 
is growing if you put more content in the midlle part. 
 
So use a table in this cel: 
<TD COLSPAN="2" style="width: auto; height: 160" align="left" valign="top"> 
left<IMG NAME="highschool_layout2" SRC=http://www.htmlforums.com/archive/index.php/"highschool_layout_3x1.gif" WIDTH="177" HEIGHT="217" BORDER="0"></TD> 
and put the the images of the left part in here. 
 
The same at the right part. 
 
:rocker:thanks man, it worked.

Table Help!!

liunx

Guest