Как увеличить шрифт в таблице html. Как правило, он содержит главный ключевик
У меня проблема, когда я установил размер шрифта тела в 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" - по ширине текста.
Примечание:
Если вы хотите поставить текст на страницу, без таблицы (я приводила пример страницы, сделанной без таблицы: как в этой Новеллизации) - вы просто ставите атрибут выравнивания в тег абзаца: