IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

 IZONE 


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

Станислав Жарков 
http://pro.net.ru/

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

Но, как вы уже догадались, если я посвятил свою заметку этой проблеме, значит, ее решение существует. Несложный трюк с Cascading Style Sheets (CSS) - и все табличные ячейки на странице разом затанцуют под вашу дудку.

Итак, где-нибудь в начале страницы, например, между тегами <HEAD></HEAD> напишите следующее:

<STYLE TYPE="text/css">
<!--
TD {font-family: Arial Cyr, Arial, Helvetica; font-size: x-small}
-->
</STYLE>

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

<FONT FACE="Arial Cyr, Arial, Helvetica" FONT SIZE=-1>

но, конечно же, первый вариант (с CSS) предпочтительнее с точки зрения объема и читабельности исходного кода страницы.

Так как практически всегда для верстки страниц используются таблицы, то вы можете одним махом определить стиль оформления текста для всей страницы. При этом у вас остается возможность переформатировать ту или иную часть текста с помощью стандартных HTML-тегов - FONT, ALIGN, SUBSCRIPT, SUPERSCRIPT и других.

 
Приятно, что эта фишка работает даже в такой неновой смотрелке, как MS Internet Explorer 3.0. Для того же, чтобы обмануть те отсталые броузеры, которые не поддерживают CSS, строка, начинающаяся с TD, заключена в комментарии.

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.