IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

 IZONE 


Тонкие рамки

Казалось бы, чего уж проще сделать рамку вокруг текста? Создаем таблицу. Вот так:

<TABLE BGCOLOR="#f0f0f0" WIDTH="100" BORDER="1">
<TR><TD>
<P>Этот абзац заключен в рамку</P>
</TD></TR>
</TABLE>

Этот абзац заключен в рамку

Но что это? Рамка несколько толстовата! Мы же явно написали, что рамка должна быть толщиной в 1 пиксел! Это связано с тем, что, по умолчанию, расстояние между соседними ячейками в таблице не равно 0. Вот это расстояние и сказывается на ширине рамки.

<TABLE BGCOLOR="#f0f0f0" CELLSPACING="0" WIDTH="100" BORDER="1">
<TR><TD>
<P>Этот абзац заключен в рамку</P>
</TD></TR>
</TABLE>

Этот абзац заключен в рамку

Уже гораздо лучше! Но граница, все равно имеет толщину в 2 пикселя. Дело в том, что таблицы отображаются браузерами так, что граница как бы трехмерна и отбрасывает тень. Как от этого избавиться? Поместим нашу таблицу еще в одну таблицу:

Этот абзац заключен в рамку

<TABLE BGCOLOR="black" CELLSPACING="0" CELLPADDING="1" BORDER="0" WIDTH="100">
<TR><TD>
<TABLE BGCOLOR="#f0f0f0" CELLSPACING="0" BORDER="0" WIDTH="100">
<TR><TD>
<P>Этот абзац заключен в рамку</P>
</TD></TR>
</TABLE>
</TD></TR></TABLE>

Обратите внимание на атрибуты первого тэга <TABLE> BGCOLOR и CELLPADDING. Первый задает цвет границы, а второй - толщину.

Источник: http://exper.ural.ru/

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.