Help needed in HTML coding

I have 3 images being displayed in a row. I would like to know if
there is a way to make the width of one of the images variable to fit
in whatever is left.

<tr>
<!-- -->
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="1" colspan="2" valign="top">
<img src="../scv_hdr2_logo.gif" width="163" height="47"
border="0" alt="Image 1">
<img src="../scv_hdr_swoosh.gif" width="265" height="47"
border="0" alt="Image 2">
<img src="../scv_hdr_swoosh2.gif" align="top" width="574"
height="20" border="0" alt="Image 3">
</td>
</tr>
</table>
</td>
</tr>

I would like to replace the value 574 with something that will tell
the Browser to set the width of this image to whatever is balance.

How do I do that?

The problem that I face is that when the vertical scrollbar is
displayed, the above width is proper. When the vertical scrollbar is
not displayed, it shows white space in the corner.

If the resolution is increased, the white space increases
dramatically.

Image 3 is a small image of actual size 20 height and 5 width. It is
used as a filler to establish continuity of look and feel.

Here is one possible solution.....

<table width="100%" border="1" cellspacing="0" cellpadding="0" summary="">
<tr>
<td valign="top" width="163"><img src="../scv_hdr2_logo.gif" width="163"
height="47" border="0" alt="Image 1"></td>
<td valign="top" width="265"><img src="../scv_hdr_swoosh.gif" width="265"
height="47" border="0" alt="Image 2"></td>
<td valign="top" style="background-image:
url(../scv_hdr_swoosh2.gif);">&nbsp;</td>
</tr>
</table>

Notice the table width is 100% and the first two cells have a defined width.
The third cell then has an undefined width so that cell will fill the
remainder of the (100% width) table. Then we used css to give that cell a
background that will fill the entire cell.

Also, this same idea could also be accomplished using only css (no tables).

--
Brett
Provision Tech
http://www.provisiontech.net

"shilsum" <shilsum (AT) yahoo (DOT) com> wrote

I have 3 images being displayed in a row. I would like to know if
there is a way to make the width of one of the images variable to fit
in whatever is left.

tr
!-- --
td
table width="100%" border="0" cellspacing="0" cellpadding="0"
tr
td rowspan="1" colspan="2" valign="top"
img src="../scv_hdr2_logo.gif" width="163" height="47"
border="0" alt="Image 1"
img src="../scv_hdr_swoosh.gif" width="265" height="47"
border="0" alt="Image 2"
img src="../scv_hdr_swoosh2.gif" align="top" width="574"
height="20" border="0" alt="Image 3"
/td
/tr
/table
/td
/tr

I would like to replace the value 574 with something that will tell
the Browser to set the width of this image to whatever is balance.

How do I do that?

The problem that I face is that when the vertical scrollbar is
displayed, the above width is proper. When the vertical scrollbar is
not displayed, it shows white space in the corner.

If the resolution is increased, the white space increases
dramatically.

Image 3 is a small image of actual size 20 height and 5 width. It is
used as a filler to establish continuity of look and feel.

Try use this image as background for table...

J&D

"shilsum" <shilsum (AT) yahoo (DOT) com> píse v diskusním príspevku
news:d6b877e6.0311041737.2401cc44 (AT) posting (DOT) google.com...

I have 3 images being displayed in a row. I would like to know if
there is a way to make the width of one of the images variable to fit
in whatever is left.

tr
!-- --
td
table width="100%" border="0" cellspacing="0" cellpadding="0"
tr
td rowspan="1" colspan="2" valign="top"
img src="../scv_hdr2_logo.gif" width="163" height="47"
border="0" alt="Image 1"
img src="../scv_hdr_swoosh.gif" width="265" height="47"
border="0" alt="Image 2"
img src="../scv_hdr_swoosh2.gif" align="top" width="574"
height="20" border="0" alt="Image 3"
/td
/tr
/table
/td
/tr

I would like to replace the value 574 with something that will tell
the Browser to set the width of this image to whatever is balance.

How do I do that?

The problem that I face is that when the vertical scrollbar is
displayed, the above width is proper. When the vertical scrollbar is
not displayed, it shows white space in the corner.

If the resolution is increased, the white space increases
dramatically.

Image 3 is a small image of actual size 20 height and 5 width. It is
used as a filler to establish continuity of look and feel.