Основано 12 декабря 1998 годасделаем веб лучше!
Тяжело в учении - легко в бою!Pro.Net.ru: субъективные заметки об интернет-дизайне
главнаязаметкиобзорыресурсыгостиstas@pro.net.ru
Что нового?


[16.06.2001] - новый обзор - Дизайн для графики.

Почтовая рассылка теперь проводится в HTML-формате, и поэтому иллюстрации к материалам теперь можно смотреть прямо в мэйлере.

[11.06.2001] - новый обзор - Креатив-бюро по-русски.

[6.06.2001] - новый обзор - Дискриминация GIFа.

Архив новостей 


Предложить сайт для обзора
Частые вопросы
Информация о сайте


Заметки

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

Ячейки таблиц, формируемые при помощи тега

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

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

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

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

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

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

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

28 июля 1999 г.

НазадНазадДалееДалее


| Главная | Заметки | Обзоры | Ресурсы | Карта сайта |

Copyright © 1998-2001.
Pro.Net.ru