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

Создание “врезок” с помощью таблиц

  • 12.11.2001
Total
0
Shares
0
0
0
0
0
0

Автор статьи: Головин Андрей

В одном из своих измышлений я говорил, что Netscape Navigator не может интерпретировать атрибут стиля BORDER, что не дает возможности распологать врезки в текст. Способ с применением стилей рекомендуется W3C, как единственный приемлемый, так как страница должна иметь возможность интерапретации “non visual” браузерами (т.е. речевыми или брайль-браузерами). Но, если мы хотим пожертвовать частью аудитории, но сохранить одинаковый вид страницы в обоих популярнейших браузерах, то необходимо использовать таблицы.
>

Это пример врезки в текст, созданной с помощьютаблицы. Эта таблица использует атрибут ALIGN созначением RIGHT и имеет рамку толщиной водин пиксель, созданную по методу, рассмотренномуранее. Данная врезка корректно отображается и вInternet Explorer и в Netscape Navigator.

Мы уже рассматривали принципы расположения таблиц в потоке текста и создание рамок таблиц толщиной один пиксель. Теперь, собрав все это воедино, создадим нашу “врезку”. Вот код:

<TABLE BGCOLOR="navy" CELLSPACING=0 CELLPADDING=1 BORDER=0 WIDTH=200
ALIGN=RIGHT HSPACE=5 STYLE="margin-left: 5">
<TR><TD>
<TABLE CELLPADDING=7
CELLSPACING=0 BGCOLOR="#f0f0ff"
WIDTH=200 BORDER=0>
<TR><TD>
Это пример врезки в текст, созданной с помощью
таблицы. Эта таблица использует атрибут ALIGN со
значением RIGHT и имеет рамку толщиной в
один пиксель, созданную по методу, рассмотренному
ранее. Данная врезка корректно отображается и в
Internet Explorer и в Netscape Navigator.
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>

Здесь можно увидеть два новых атрибута тэга <TABLE> – HSPACE=5 и STYLE=”margin-left: 5″. Эти атрибуты указывают на отступ текста слева от таблицы. Первый интерпретируется Netscape Navigator и игнорируется Internet Explorer, второй ведет себя в точности наоборот. Таким образом “врезка” отображается одинаково в обоих браузерах. Атрибуты первой таблицы BGCOLOR и CELLPADDING задают цвет и ширину рамки.

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
alexvolkov

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

Создание системы учета посещений.

  • 12.11.2001
  • alexvolkov
Read More
Следующий материал
  • Все о Photoshop

Создание скругленных углов. Способ 2.

  • 12.11.2001
  • alexvolkov
Read More
Вас также может заинтересовать
Read More
  • HTML

Оптимизация. Важность тега TITLE

  • Алексей Волков
  • 30.11.2009
Read More
  • HTML

Советы начинающему верстальщику HTML

  • Алексей Волков
  • 25.11.2009
Read More
  • HTML

HTML – Долой тег hr из html разметки

  • Алексей Волков
  • 14.11.2009
Read More
  • HTML

“Резиновая” рамка с фигурными углами

  • alexvolkov
  • 27.07.2005
Read More
  • HTML

Создай свою Web-страницу за пять минут!

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

Блокнотик с подсветкой

  • Алексей Волков
  • 31.03.2005
Read More
  • HTML

HTML-редактор? Вот и редактируй!

  • Алексей Волков
  • 21.08.2003
Read More
  • HTML

Выбираем HTML-редактор

  • Алексей Волков
  • 14.08.2003

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

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

Свежие посты
  • Рассылка как продукт
    • 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