html - Colspan behaving oddly -
html:
<table style="width:800px" class="space"> <tr style="height:120px"> <td colspan="1">1</td> <td colspan="2">2</td> </tr> <tr style="height:100px"> <td rowspan="2">3</td> <td>4</td> <td rowspan="2">5</td> </tr> <tr style="height:100px"> <td>6</td> </tr> <tr style="height:60px"> <td colspan="2">7<td> </tr> </table>
css:
.space { padding:0px; border-spacing:1px; }
im trying make asymetrical table, see if try code out cant "7" table row span way. colspan="2" gives me little unwanted border, colspan="3" gives me cell. got no clue how fix this, been @ days.
suggestions?
there's error in html starters. (you forgot close td, have 2 tds in last row)
<td colspan="2">6<td>
should
<td colspan="3">6</td>
see: http://jsfiddle.net/4zdqm/ (td's colored red can see what's going on)
Comments
Post a Comment