Try using something like this, with tree tables: the container (that
containes two separate tables), and 2 other, one for the 5 columns and the
other for the only one column. Thus, you can have long text in the lower
table, without altering the top one.
<HTML>
<HEAD></HEAD>
<body>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" bordercolor="#111111" width="600" id="AutoNumber2">
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" width="600" id="AutoNumber3">
<tr>
<td width="1" bgcolor="#FF0000">&nbsp;</td>
<td width="268" bgcolor="#008000">&amp;nbsp;</td>
<td width="68" bgcolor="#008000"> </td>
<td width="25" bgcolor="#008000"> </td>
<td width="66" bgcolor="#008000"> </td>
</tr>
</table>
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" width="600" id="AutoNumber4">
<tr>
<td bgcolor="#0000FF">
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</td
>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</div>
</body>
</HTML>
Cumprimentos
Mário Ramos (3812)
ICQ# 88933965
----- Original Message -----
From: "Wouter Spitters" <wouter.spitters@n...>
To: "HTML Code Clinic" <html_code_clinic@p...>
Sent: Wednesday, June 05, 2002 3:07 PM
Subject: [html_code_clinic] Strange table behaviour
> There are twe rows in this table, the second row spans over the first
> one. When I fill the second row and its text is too long, it still
> influences the width of the first twe columns of the first row. It seems
> strange to me because that second row has nothing to do with the first
> row ???
>
> Below there are 2 examples. One with a text in the second row short
> enough and one with a text too long. Look at the length of the red field.
>
> <HTML>
> <HEAD></HEAD>
> <body>
> <table width="600" border="1">
> <tr bgcolor="green">
> <td align=right width="20" bgcolor=red> </td> <td> </td> <td
> width="14%"></td> <td width="5%"></td> <td width="14%"></td> </tr> <tr>
> <td colspan="5" bgcolor="blue">bbbbbbb</td> </tr> </table> </body> </HTML>
>
> <HTML>
> <HEAD></HEAD>
> <body>
> <table width="600" border="1">
> <tr bgcolor="green">
> <td align=right width="20" bgcolor=red> </td> <td> </td> <td
> width="14%"></td> <td width="5%"></td> <td width="14%"></td> </tr> <tr>
> <td colspan="5" bgcolor="blue">bbbbbbbaaaaa</td> </tr> </table> </body>
> </HTML>
>
> I don't want the second row to influence the first. I'm looking for:
> - a table like the first one
> - with a fixed size first cell of the first row
> - and the three last cells of that first row with a variable length
> - without the resizing effect that takes places when you add too much
> text in the second row
>
> Can anyone help me out with my table or at least does anyone know why
> that resizing effect takes place ?
>
> thx very much
>
> Wouter
>
> ---
>
> Improve your web design skills with these new books from Glasshaus.
>
> Usable Web Menus
> http://www.amazon.com/exec/obidos/ASIN/1904151027/ref=nosim/theprogramme
> r-20
> Constructing Accessible Web Sites
> http://www.amazon.com/exec/obidos/ASIN/1904151000/ref=nosim/theprogramme
> r-20
> Practical JavaScript for the Usable Web
> http://www.amazon.com/exec/obidos/ASIN/1904151051/ref=nosim/theprogramme
> r-20
>
>
View Cart
