CODEWITHSUNDEEP
htmlcss
Kosta
Kosta

Reputation: 301

HTML Tables info

I was wondering if there was any way to make tables in html to look exactly like this:

http://i43.tinypic.com/21dml8l.png

I basicly need 1 big cell, in first column, and then 9 cells in second column.

Is that possible to do?

Upvotes: 3

Views: 118

Answers (3)

anothershrubery
anothershrubery

Reputation: 20993

Based off PizzaPill's answer, and CyberDude's explanation, you should have:

<table> 
  <tr> 
    <td rowspan="9">Cell</td> 
    <td>Cell 1</td> 
    </tr>
    <tr>
    <td>Cell 2</td> 
    </tr>
    <tr>
    <td>Cell 3</td> 
    </tr>
    <tr>
    <td>Cell 4</td> 
    </tr>
    <tr>
    <td>Cell 5</td>
    </tr>
    <tr>
    <td>Cell 6</td>
    </tr>
    <tr>
    <td>Cell 7</td>
    </tr>
    <tr>
    <td>Cell 8</td>
    </tr>
    <tr>
    <td>Cell 9</td>
    </tr>
  </tr> 
</table>

http://jsfiddle.net/YuG26/1/

Remember to have 2 <td>'s in the first row and one in the following rows. You can add your styling as you wish.

Upvotes: 2

wintersolutions
wintersolutions

Reputation: 5273

<table>
  <tr>
    <td rowspan="9">
      Cell
    </td>
    <td>
      Cell 1
    </td>
  </tr>
  <tr>
    <td>
      Cell 2
    </td>
  </tr>
  <tr>
    <td>
      Cell 3
    </td>
  </tr>
  <tr>
    <td>
      Cell 4
    </td>
  </tr>
  <tr>
    <td>
      Cell 5
    </td>
  </tr>
  <tr>
    <td>
      Cell 6
    </td>
  </tr>
  <tr>
    <td>
      Cell 7
    </td>
  </tr>
  <tr>
    <td>
      Cell 8
    </td>
  </tr>
  <tr>
    <td>
      Cell 9
    </td>
  </tr>
</table>

Upvotes: 2

CyberDude
CyberDude

Reputation: 8949

Yes, first row (<tr>) has one <td> with rowspan=9, and then 8 other rows (<tr>) with one simple <td>.

Upvotes: 4

Related Questions