I have a table that has 3 image slices. The middle slice changes size based
on size of browser window. This works great.
My client wants the date to show over the image on the right. So what I did
was cut off the top part of the image (which is just a solid color and I can
handle by making the background-color of the cell this color). I then use a
asp line to display the date, which also works.
Here is the original table setup for the logo:
************************************************** **************************
***********
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#000099">
<tr height="100">
<td><table border=2 width="100%" cellspacing="0" cellpadding="0"
summary="Layout Table">
<tr>
<td width="496" height="100" ><img
src="images/Contour_logo_intranet1_1x1.jpg" width="496" height="100"
hspace="0" vspace="0"></td>
<td width="100%"><img src="images/Contour_logo_intranet1_1x2.jpg"
width="100%" height="100" hspace="0" vspace="0"></td>
<td width="129" height="100">
<td align="center" height="100">
<%= FormatDateTime(Now(),2) %><br>
<img src="images/Contour_logo_intranet1_1x4.jpg" width="129"
height="36" hspace="0" vspace="0" align="absbottom">
</td>
</td>
</tr>
</table></td>
</tr>
</table
************************************************** **************************
***********
The problem is I can't seem to get the image to go to the bottom of the cell
so it lines up correctly with the 2nd image. I have vspace and hspace set
to 0. I also have it aligned "absbottom".
I then tried to create a table in the cell that houses the image and the
date with 2 rows (1 column). The top cell has the date and the bottom cell
has the image.
The total height if the tables is 100. The new size of the image is 36. So
I set the top cell to 64 and the bottom cell to 36. It seems to increase
the sizie of the original table to about 110 (you can see this if you border
the top table). I assume this has to do with margins and cell spacing.
Here is the new code I have set up that is having the problem:
************************************************** **************************
***************
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"
bordercolor="#000099">
<tr height="100">
<td><table border=2 width="100%" cellspacing="0" cellpadding="0"
summary="Layout Table">
<tr>
<td width="496" height="100" ><img
src="images/Contour_logo_intranet1_1x1.jpg" width="496" height="100"
hspace="0" vspace="0"></td>
<td width="100%"><img src="images/Contour_logo_intranet1_1x2.jpg"
width="100%" height="100" hspace="0" vspace="0"></td>
<td width="129" height="100">
<table height="100" border=1 cellspacing="0" cellpadding="0">
<tr >
<td align="center" height="64"><%= FormatDateTime(Now(),2) %></td>
</tr>
<tr >
<td height="36">
<img src="images/Contour_logo_intranet1_1x4.jpg" width="129"
height="36" hspace="0" vspace="0">
</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table
************************************************** **************************
***************
What am I missing?
This may have been better in HTML group - not sure. I was using an ASP page
when this problem occurred.
Thanks,
Tom.