css: same table with colspan and rowspan

I found this really simple but interesting use of colspan and rowspan in the same table example

Here’s a example:

   
   
 

<table style="height: 100px;" border="0" cellspacing="0" cellpadding="0" width="100px">
  <tr>
    <td style="background-color:yellow" colspan="2"> 
    </td>
    <td style="background-color:red" rowspan="2">
    </td>
  </tr>
 <tr>
    <td style="background-color:orange" rowspan="2"> 
    </td>
    <td> 
    </td>
  </tr>
  <tr>
    <td style="background-color:gray" colspan="2">
</td>
  </tr>
</table>

Nice…

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s