Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • CSS

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

  • 03.06.2001
Total
0
Shares
0
0
0
0
0
0

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

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

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
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

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

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

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

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