Reputation: 31
I need to create a email signature and I am having a bit of a struggle. I have to use a table but I have to merge it like this.
Here is what I currently have:
_____|_______|________
_____|_______|________
_____|_______|________
<table width="550" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table
This is what I need (merge the left three columns with the top three columns):
____________________
|__________|_________
________|__________|_________
Upvotes: 3
Views: 3701
Reputation: 3072
Edit:
I now understand the trick to this question... You also want the top row to merge WITH the merged columns on the left? Not possible. But you might be able to fake something like it with some CSS, rowspan and colspan.
New fiddle:
http://jsfiddle.net/HpkpY/4/
Bear in mind that these are not truly merged - they only appear as though. And if the border-collapse
property was not set to collapse
, you'd probably get some weird results.
Old answer:
rowspan will help!
JSFiddle Demonstration:
http://jsfiddle.net/HpkpY/1/
<table width="550" border="1">
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Don't forget to remove the other cells you no longer need due to the merge!
Upvotes: 4