У меня проблема, когда я установил размер шрифта тела в 11px, но таблицы отображают шрифт в 16px. Я понятия не имею, что вызывает это - я снова и снова перебирал CSS и вывод (источник при переходе на страницу). Настройка размера шрифта стола до 11px явно имеет желаемый эффект, но мне не нужно устанавливать его где-либо отдельно от стиля тела.

У меня есть следующий CSS:

Body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; background-color: #E7D2B8; color: #863F2B; } img.headerImg { width: 100%; } .menu-strip { float: left; width: 20%; } .main-content { float: left; width: 80%; } .clear { clear: both; } ul.menu { margin: 0px; margin-left: 10px; padding: 0px; list-style: none; } ul.menu li { margin: 0px; padding: 0px; padding-top: 10px; padding-bottom: 10px; } div.footer { width: 60%; margin-left: 20%; } ul.footer-links { list-style: none; } ul.footer-links li { float: left; padding: 20px; } ul.footer-links li:last { clear: right; } table { width: 100%; border-collapse: collapse; } td { vertical-align: top; }

И вывод следующий:

Code Forename Surname Address Postcode Telephone Fax Edit
Create
code4 James Blue address11
address24
address32
town5
postcode4 fone4 fone2 Edit
code5 Fred White address13
address24
address31
town1
postcode2 fone5 fone3 Edit

Я серьезно не вижу ничего, что могло бы установить размер шрифта в 16 пикселей в таблице. Это происходит для всех трех разделов (thead, tfoot, tbody). Также кажется, что Netbeans 6.9 не будет правильно отформатировать таблицу, но остальная часть документа (до и после). Его почти как будто что-то не так с таблицей, но я не вижу, что. Это происходит в Firefox и Opera (самые последние версии обоих). Я не тестировал его в IE, потому что он никогда не будет использоваться в IE.

Как мы уже знаем, таблицы пишутся слева направо и сверху вниз. Точно так же двигаемся мы по странице нашего сайта.
Следующая по ходу нашего продвижения - центральная ячейка второй таблицы. Сюда мы будем вставлять текст. Необязательно заполнять таблицу именно в таком порядке, но в данном случае я соблюдаю этот порядок для наглядности.
Для того, чтобы текст выглядел так, как нам нужно, необходимо его отформатировать, задать если нужно отступ, шрифт, размер шрифта и прочие необходимые нам параметры.

1. Можно не ставить никакого выравнивания, просто написать текст и он по умолчанию выровняется по левому краю. А можно специально выровнять текст по центру, по левому, по правому краю или по ширине текста. Соответственно, атрибуты, которые для этого нужны:
align ="left" - по левому краю;
align ="center" - по центру;
align ="right" - по правому краю;
align ="justify" - по ширине текста.

Примечание: Если вы хотите поставить текст на страницу, без таблицы (я приводила пример страницы, сделанной без таблицы: как в этой Новеллизации) - вы просто ставите атрибут выравнивания в тег абзаца: