Sunday, June 7, 2015

a colspan and rowspan example

The table here has the following markup:

<table style="border-spacing: 0; padding: 0; margin: 0 0 30px 0; border: none;">
   <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF; border-right:1px solid #FFFFFF;" colspan="2">Extinct?</td>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF;">Yes</td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF; border-right:1px solid #FFFFFF;">No</td>
   </tr>
   <tr>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF; border-bottom:1px solid #FFFFFF;" rowspan="2">Flying?</td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF;">Yes</td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF;"><a href="http://www.50birds.com/birds/extinct-birds-4.htm"
         target="_blank">Argentavis</a></td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF; border-right:1px solid #FFFFFF;">Flamingo and Duck</td>
   </tr>
   <tr>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF; border-bottom:1px solid #FFFFFF;">No</td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF; border-bottom:1px solid #FFFFFF;" nowrap>Dodo</td>
      <td style="padding: 10px; border-top:1px solid #FFFFFF; border-left:1px solid
         #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;"
         nowrap>Ostrich and Emu</td>
   </tr>
</table>

No comments:

Post a Comment