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

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -