Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
YouTube 151 Подписчики
Telegram 241 Подписчики
VK 0 Подписчиков
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • CSS

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

  • 03.06.2001

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

Ячейки таблиц, формируемые при помощи тега <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, заключена в комментарии.

alexvolkov

Предыдущий материал
  • Администрирование

Красота для «домашнего» Apache

  • 03.06.2001
  • Алексей Волков
Read More
Следующий материал
  • Администрирование

домашний Apache

  • 03.06.2001
  • Алексей Волков
Read More
Вас также может заинтересовать
Read More
  • CSS

Формализация CSS

  • Алексей Волков
  • 23.05.2012
Read More
  • CSS

Ножницы для CSS

  • Алексей Волков
  • 25.01.2005
Read More
  • CSS

CSS: фон и цвет

  • Алексей Волков
  • 27.05.2004
Read More
  • CSS

CSS: позиционирование блоков

  • Алексей Волков
  • 08.04.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 02.02.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 27.11.2003
Read More
  • CSS

Создание «буквиц»

  • alexvolkov
  • 30.11.2001
Read More
  • CSS

Описание стилей элемента<A>

  • alexvolkov
  • 05.11.2001

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Дайджест постов Сергея Людкевича
    • 12.09.24
  • Как юристы тормозят бизнес
    • 30.08.24
  • Продвижение оптовых кампаний в Яндекс Директ
    • 06.03.24
  • Cарафанное радио
    • 13.01.24
  • 5-55: История компании
    • 01.03.23
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter