Создать таблицу из Div - PullRequest
0 голосов
/ 30 ноября 2011

Мне не удалось сделать сложные таблицы из div это самое главное. http://snook.ca/archives/html_and_css/getting_your_di

но это поможет только в простых таблицах

Так может кто-нибудь сделать это как div:

<html> <head> <style> td { TEXT-ALIGN: center; PADDING: .25em; } </style> </head> 
<body> 
<table width="205" border="1" cellpadding="0" cellspacing="0"> 
<tr> 
<td colspan="3" >1</td><td width="14%" colspan="2" rowspan="2">2</td>
</tr>
<td width="15%">3</td>  <td width="16%">4</td>  <td width="18%">5</td>  
</tr> 
<tr> 
<td height="42" >6</td> <td height="42" >6.1</td>  <td >7</td>  <td >7.1</td> <td >7.2</td> 
</tr> 
<tr> 
<td height="42" >6</td> <td height="42" >6.1</td>  <td >7</td>  <td >7.1</td> <td >7.2</td> 
</tr> 

</table> 
</body> 
</html> 

Ответы [ 3 ]

1 голос
/ 30 ноября 2011

Не используйте <div> для табличных данных. Используйте <table>.

<div> следует использовать для макета (страницы), поскольку к ним не прилагается семантическое значение и их не следует использовать вместо <table>.

1 голос
/ 30 ноября 2011

Использовать этот метод для перестройки таблицы довольно сложно, потому что CSS-замена для rowspan и colspan не заменяется, но это можно сделать с помощью плавающего и очищающего div-элементов или использования абсолютного позиционирования для некоторого содержимого.,Если вы не знакомы с этими методами, в http://www.alistapart.com/articles/css-floats-101/ и http://www.alistapart.com/articles/css-positioning-101/ есть несколько отличных учебных пособий.

Однако, если ваша таблица используется для отображения табличных данных,необходимо преобразовать его в div, так как таблицы подходят для этой цели.

0 голосов
/ 17 сентября 2012

Я предлагаю пойти с твиттером начальной загрузки. Вот сайт с формами и таблицами, которые вы можете использовать:

http://twitter.github.com/bootstrap/scaffolding.html

Удачи.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...