2008-02-21 19:25:56 -08:00
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<style>
|
|
|
|
table { width: 400px; height: 25px; }
|
2008-10-15 15:49:44 -07:00
|
|
|
td.blue { background: lightblue; color: rgba(0,0,0,0) }
|
|
|
|
td.green { background: lightgreen; color: rgba(0,0,0,0) }
|
2008-02-21 19:25:56 -08:00
|
|
|
col.a { width: 100px; }
|
|
|
|
col.c { width: 100px; }
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
With colspan:
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue"></td>
|
|
|
|
<td class="green" colspan="2"></td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue">xxx</td>
|
|
|
|
<td class="green" colspan="2"></td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue"></td>
|
|
|
|
<td class="green" colspan="2">xxx</td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue">xxx</td>
|
|
|
|
<td class="green" colspan="2">xxx</td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
Without colspan:
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue"></td>
|
|
|
|
<td class="green"></td>
|
|
|
|
<td class="green"></td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue">xxx</td>
|
|
|
|
<td class="green"></td>
|
|
|
|
<td class="green"></td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue"></td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
<td class="green"></td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue"></td>
|
|
|
|
<td class="green"></td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue">xxx</td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
<td class="green"></td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue">xxx</td>
|
|
|
|
<td class="green"></td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue"></td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
<table cellspacing=0 cellpadding=0>
|
|
|
|
<colgroup><col class="a"/><col/><col class="c"/></colgroup>
|
|
|
|
<tbody><tr>
|
|
|
|
<td class="blue">xxx</td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
<td class="green">xxx</td>
|
|
|
|
</tr></tbody>
|
|
|
|
</table>
|
|
|
|
</body>
|
|
|
|
</html>
|