Hi,

I have a problem with this code, it seems really simple but I just can't work it out. What I basically want to do is get the 4 cells at the top to span the 7 at the bottom. Here is the code:

<table width="100%" border="2">
    <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td colspan="7"> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

I have attached a screenshot from dreamweaver too, just so you can see exactly what I'm on about (it's quite heavily compressed to reduce filesize).

Thanks for any help.

Hi lokksta

Why not just stack 2 tables ? Put 4 cells on the top table and 7 on the bottom as long as the tables are the same width

Hi Tom,

Thanks for your reply. I was thinking about this, but the actual table I'm working on contains many small images to make up a larger image, so the cells need to be tight.

By having 2 tables as you suggested, would this create a gap between them or would they still be tight toghether?

Thanks again.

Originally Posted by lokksta

Hi,

I have a problem with this code, it seems really simple but I just can't work it out. What I basically want to do is get the 4 cells at the top to span the 7 at the bottom. Here is the code:

<table width="100%" border="2">
    <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td colspan="7"> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

I have attached a screenshot from dreamweaver too, just so you can see exactly what I'm on about (it's quite heavily compressed to reduce filesize).

Thanks for any help.

<table width="100%" border="2">
<tr width="100%">
<td colspan="2" width="25%">I</td>
<td colspan="2" width="25%">CAN'T </td>
<td colspan="2" width="25%">DO </td>
<td colspan="2" width="25%">IT </td>
</tr>
<tr>
<td colspan="8">WITH </td>
</tr>
<tr>
<td width="12%">SEVEN </td>
<td width="13%">CELLS </td>
<td width="12%">BUT </td>
<td width="13%">CHEATING </td>
<td width="12%">WITH </td>
<td width="13%">EIGHT </td>
<td width="12%">WORKS </td>
<td width="13%">SORT-OF </td>
</tr>
</table>

Hi Again,

Just tried what you suggested and it works perfectly, no gaps

Thanks for the suggestion

Hi Shaber,

Thanks for your reply. I tried using 2 seperate tables, as suggested by OleTom and it works well, so I kind of gave up on the colspan for that table.

I still use it on another table, but that one has to span just one cell. It seems that colspan doesnt like multiple cells spanning multiple cells for some reason

Anyway, thanks for taking the time to reply