====== Таблицы ======

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

<code css>
/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td {  }
</code>

Для начала мы схлопываем все границы в таблице и задаём ей ширину ''100%''. Потом для всех ячеек таблицы прикручиваем 1-пиксельную серую границу, внутренние отступы для комфортного восприятия и выравнивание содержимое ячеек по верхнему краю.

Для заглавных ячеек ''th'' мы заливаем фон нежным серым цветом.

Этого достаточно для того, чтобы наши таблицы выглядели вполне опрятно и стильно.

Всё это работает для всех таблиц на сайте. Это ведь не повредит разметке ваших макетов, не правда ли?

<code html>
<table>
	<tbody>
		<tr><th>Заголовки</th><th>Столбцов</th><th>И их значения</th></tr>
		<tr><td>Содержимое таблицы</td><td>123456</td><td>789</td></tr>
	</tbody>
</table>
</code>

----

Ссылки по теме:
  * [[http://veerle.duoh.com/blog/comments/a_css_styled_table/|A CSS styled table]]
  * [[http://24ways.org/2005/tables-with-style|Tables with Style]]