Stupid tables

Jshortest · 01-16-2005, 09:56 PM

I was working with a layout I did and its giving me alot of trouble its creating what I would call an invisible forcefield. I can not line up the cell where I need it I have tried resizing the area but it appears to do nothing.

Code:

<HTML>
<HEAD>
<TITLE>ff7</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=1B2331 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (ff7.psd) -->
<!-- End ImageReady Slices -->
<table width="962" height="648" border="0">
  <tr>
    <td width="956"><TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0>
        <TR> 
          <TD COLSPAN=6> <IMG SRC="images/ff7_01.gif" WIDTH=700 HEIGHT=157 ALT=""></TD>
          <TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=157 ALT=""></TD>
        </TR>
        <TR> 
          <TD COLSPAN=3> <IMG SRC="images/ff7_02.gif" WIDTH=154 HEIGHT=10 ALT=""></TD>
          <TD width="22" ROWSPAN=4> <IMG SRC="images/ff7_03.gif" WIDTH=22 HEIGHT=48 ALT=""></TD>
          <TD width="647"> <IMG SRC="images/ff7_04.gif" WIDTH=501 HEIGHT=10 ALT=""></TD>
          <TD width="28" ROWSPAN=4> <IMG SRC="images/ff7_05.gif" WIDTH=23 HEIGHT=48 ALT=""></TD>
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
        </TR>
        <TR> 
          <TD COLSPAN=3 ROWSPAN=8><table width="154" height="303" border="0" cellpadding="0" cellspacing="0">
              <tr> 
                <td colspan="3"><img src="images/ff7_06.gif" width="154" height="22"></td>
              </tr>
              <tr> 
                <td width="16"><img src="images/ff7_09.gif" width="16" height="191"></td>
                <td width="127" bgcolor="7D7D7D"></td>
                <td width="11"><img src="images/ff7_11.gif" width="11" height="191"></td>
              </tr>
              <tr> 
                <td colspan="3"><img src="images/ff7_14.gif" width="154" height="8"></td>
              </tr>
              <tr> 
                <td colspan="3"><img src="images/ff7_15.gif" width="154" height="34"></td>
              </tr>
              <tr> 
                <td><img src="images/ff7_16.gif" width="16" height="123"></td>
                <td bgcolor="7D7D7D"></td>
                <td><img src="images/ff7_18.gif" width="11" height="123"></td>
              </tr>
              <tr> 
                <td colspan="3"><img src="images/ff7_19.gif" width="154" height="8"></td>
              </tr>
            </table></TD>
          <TD> <IMG SRC="images/ff7_07.gif" WIDTH=501 HEIGHT=9 ALT=""></TD>
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
        </TR>
        <TR> 
          <TD ROWSPAN=8></TD>
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
        </TR>
        <TR> 
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
        </TR>
        <TR> 
          <TD ROWSPAN=6 background="images/ff7_12.gif" WIDTH=22></TD>
          <TD ROWSPAN=6 background="images/ff7_13.gif" WIDTH=28></TD>
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=175 ALT=""></TD>
        </TR>
        <TR> 
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
        </TR>
        <TR> 
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=34 ALT=""></TD>
        </TR>
        <TR> 
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=123 ALT=""></TD>
        </TR>
        <TR> 
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
        </TR>
        <TR> 
          <TD COLSPAN=3 ROWSPAN=2> <IMG SRC="images/ff7_20.gif" WIDTH=154 HEIGHT=216 ALT=""></TD>
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=198 ALT=""></TD>
        </TR>
        <TR> 
          <TD COLSPAN=3> <IMG SRC="images/ff7_21.gif" WIDTH=546 HEIGHT=18 ALT=""></TD>
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
        </TR>
        <TR> 
          <TD COLSPAN=6> <IMG SRC="images/ff7_22.gif" WIDTH=700 HEIGHT=31 ALT=""></TD>
          <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=31 ALT=""></TD>
        </TR>
      </TABLE></td>
  </tr>
</table>
</BODY>
</HTML>

Here is a picture of what it looks like

Jazzee · 01-17-2005, 06:40 AM

This will be easier if you have the link to the actual html page.

downtroden · 01-17-2005, 07:59 AM

My advice to you... don't trust imageready to build decent tables for you. Plan out your table and slice in imageready but built the table yourself with dreamweaver (or textedit if your a 'coder').