Создание «врезок» с помощью таблиц ‣ Маркетер

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

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

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

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


 ALIGN=RIGHT HSPACE=5 STYLE="margin-left: 5">

CELLSPACING=0 BGCOLOR="#f0f0ff"
WIDTH=200 BORDER=0>

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

Здесь можно увидеть два новых атрибута тэга

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