Информация о таблицах HTML - PullRequest
       14

Информация о таблицах HTML

3 голосов
/ 17 февраля 2012

Мне было интересно, есть ли способ, чтобы таблицы в html выглядели так:

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

Мне нужна 1 большая ячейка в первом столбце, а затем9 ячеек во втором столбце.

Возможно ли это сделать?

Ответы [ 3 ]

4 голосов
/ 17 февраля 2012

Да, в первой строке (<tr>) есть одна <td> с rowspan=9, а затем еще 8 строк (<tr>) с одной простой <td>.

2 голосов
/ 17 февраля 2012

Исходя из ответа PizzaPill и объяснения CyberDude, вы должны иметь:

<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/

Не забудьте иметь 2 <td> в первом ряду и один в следующих. Вы можете добавить свой стиль, как вы хотите.

2 голосов
/ 17 февраля 2012
<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...