PDA

Click to See Complete Forum and Search --> : column cells height

MKashlev
08-03-2003, 06:28 PM
I have a problem arranging the column on my webpage. The whole page is in the tabular format that looks like this:

------------------------------------------------------
| logo | TITLE |
------------------------------------------------------
| Home | |
------------- |
| About | |
------------- |
| Students | |
------------- |
| Pictures | |
------------- |
| | body |
| | |
| bar | |
| | |
| | |
| | |
------------------------------------------------------


What I want to do is to be able to stretch the body cell to any height without affecting the cells above the bar cell. the reason for this is that each of the cells above bar cell contains an image of specific size and once I try to use <br> many times within the body cell, all cells of the same column as bar cell stretch vertically, thus exposing the background behind the image, whereas I want only bar cell (which is blank by the way) to stretch with the body cell (body cell should be able to contain any number of lines without distorting the entire table).
The page looks like this when stretched: http://mkashlev.dyndns.org:7771/ISSI2003-web/about3.html
whereas I want it to look like this
http://mkashlev.dyndns.org:7771/ISSI2003-web/about2.html

My code is as follows:

<HTML>
<HEAD>
<TITLE>template</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=gray MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (template.psd) -->
<TABLE WIDTH=700 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center height=100%>
<TR>
<TD height=79>
<A HREF="http://www.weizmann.ac.il">
<IMG SRC="images/Weizmann-Institute.gif" WIDTH=97 HEIGHT=79 BORDER=0 ALT=""></A></TD>
<TD height=79>
<IMG SRC="images/about_02.gif" WIDTH=8 HEIGHT=79 ALT=""></TD>
<TD height=79>
<IMG SRC="images/about_03.gif" WIDTH=595 HEIGHT=79 ALT=""></TD>
</TR>
<TR>
<TD height=9>
<IMG SRC="images/about_04.gif" WIDTH=97 HEIGHT=9 ALT=""></TD>
<TD height=9>
<IMG SRC="images/about_05.gif" WIDTH=8 HEIGHT=9 ALT=""></TD>
<TD height=9>
<IMG SRC="images/about_06.gif" WIDTH=595 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD height=34>
<A HREF="index.html">
<IMG SRC="images/Home.gif" WIDTH=97 HEIGHT=34 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=5 height=153>
<IMG SRC="images/about_08.gif" WIDTH=8 HEIGHT=153 ALT=""></TD>
<TD ROWSPAN=7 bgcolor=#1c2a91 height="*">
<!--<IMG SRC="images/about_09.gif" WIDTH=595 HEIGHT=845 ALT="">-->
<br><br><br><br><br><br><br>
</TD>
</TR>
<TR>
<TD height=31>
<A HREF="about.html">
<IMG SRC="images/About.gif" WIDTH=97 HEIGHT=31 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD height=37>
<A HREF="students.html">
<IMG SRC="images/Students.gif" WIDTH=97 HEIGHT=37 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD height=38>
<A HREF="pics.html">
<IMG SRC="images/Pictures.gif" WIDTH=97 HEIGHT=38 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD height=13>
<IMG SRC="images/about_13.gif" WIDTH=97 HEIGHT=13 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 bgcolor=#1c2a91>
<!--<IMG SRC="images/about_14.gif" WIDTH=105 HEIGHT=692 ALT="">--></TD>
</TR>
<TR>
<TD COLSPAN=2 bgcolor=#1c2a91>
&nbsp;
</TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>


Thanks for your reply in advance.

~Dmitry
PeOfEo
08-03-2003, 09:10 PM
If you make the cells on the left rigid in width and use %'s on the body cell and make the table something like width="100%" it should do what you want to accompllish if I understood your question. You should really consider using css for layout though...
MKashlev
08-03-2003, 09:23 PM
Are yo utalking about the width of the cell? I need to adjust height of teh cell and not width
PeOfEo
08-04-2003, 12:04 AM
Ok well make the cells to the left rigid except for the bar and then you can make the body a % and not speciy a height for the bar.