Борьба с сепаратизмом ячеек

Автор статьи: Жарков Станислав

Ячейки таблиц, формируемые при помощи тега , в HTML имеют особый статус. Не знаю почему, но все определения типа шрифта, выравнивания текста и т.п., сделанные за пределами таблицы, внутри нее недействительны. Для каждой ячейки отдельно нужно указывать размер и начертание шрифта, а также другие параметры вывода текста. Конечно же, при применении более-менее сложных таблиц это не только значительно увеличивает объем файла WWW-страницы, но и затрудняет восприятие HTML-кода при последующем его редактировании. Такой выпендреж со стороны табличных ячеек достал уже практически всех Web-дизайнеров, в том числе и автора этих строк.
Но, как вы уже догадались, если я посвятил свою заметку этой проблеме, значит, ее решение существует. Несложный трюк с Cascading Style Sheets (CSS) — и все табличные ячейки на странице разом затанцуют под вашу дудку.
?Итак, где-нибудь в начале страницы, например, между тегами напишите следующее:

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

но, конечно же, первый вариант (с CSS) предпочтительнее с точки зрения объема и читабельности исходного кода страницы.
Так как практически всегда для верстки страниц используются таблицы, то вы можете одним махом определить стиль оформления текста для всей страницы. При этом у вас остается возможность переформатировать ту или иную часть текста с помощью стандартных HTML-тегов — FONT, ALIGN, SUBSCRIPT, SUPERSCRIPT и других.
Приятно, что эта фишка работает даже в такой неновой смотрелке, как MS Internet Explorer 3.0. Для того же, чтобы обмануть те отсталые броузеры, которые не поддерживают CSS, строка, начинающаяся с TD, заключена в комментарии.