Using different widths for table cells.

[Markus]

Ello.

I'm trying to set the widths for my first three rows of cells and then have a bottom row with different cell widths. However, the first three rows take on the same widths as the bottom row.

<table>
  <tr>
    <td width="80%"> ... </td>
    <td width="20%"> ... </td>
  </tr>
  <!-- 2 more rows like this. -->
  <tr>
    <td width="50%"> ... </td>
    <td width="50%"> ... </td>
  </tr>
</table>
 

Is there a way to do the above and have them retain their specified widths?

[drhowarddrfine]

Yep. That's what tables do. Cause they're a table.

You can create more cells and combine cells together but you can't have variable width tables as you show. That's not what tables are for. Tables are never to be used for layout.

[Markus]

Of course. I was using them to straighten up the edges of a form, n what not.

Nevermind.

Thanks, doc.

[Dormilich]

@Markus
isn't that what layout is about?

[Markus]

@Dormilich
It's much easier to

<table>
  <tr>
    <td><input ... ></td>
    <td>Username</td>
  </tr>
  <tr>
    <td><input ... ></td>
    <td>Password</td>
  </tr>
</table>
 

rather than using divs to keep everything aligned.

[Dormilich]

what about floating the labels?

[drhowarddrfine]

Why would you need divs to keep it aligned. I never do so.