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

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

В одном из своих измышлений я говорил, что 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 задают цвет и ширину рамки.

alexvolkov

0 Комментариев

Нет комментариев!

Пока нет комментариев, но вы можете стать первым, кто прокомментировал данный пост

Оставить комментарий

Только зарегистрированные пользователи могут оставлять комментарии.