Главная
К библиотеке


Тонкие рамки наносят ответный удар

Иногда излишняя изворотливость мешает правильной реализации. Современные веб-мастера настолько запуганы отличиями в реализации html в разных браузерах, что пытаются перестраховаться и не задумываются о том, что это может работать и так. Ваш покорный слуга оказался в аналогичной ситуации, разведя поучения по поводу тонких рамок, а решение-то вот оно - на поверхности лежит:

 

Опля Опля
тонкие таблицы

Код:

<TABLE border=0 cellPadding=0 cellSpacing=0 valign=top align=center>
<TR>
<TD align=center valign=top bgColor=#000000>
<TABLE border=0 cellPadding=0 cellSpacing=1 width=300 VALIGN=TOP>
<TR ALIGN=LEFT VALIGN=TOP>
<TD ALIGN=LEFT  bgColor=#e7e7e7 VALIGN=TOP>
Опля
</TD>
<TD ALIGN=LEFT  bgColor=#e7e7e7 VALIGN=TOP>
Опля
</TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD ALIGN=LEFT  bgColor=#e7e7e7 VALIGN=TOP>
тонкие
</TD>
<TD ALIGN=LEFT  bgColor=#e7e7e7 VALIGN=TOP>
таблицы
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

Все просто и элементарно. Как всегда, одна таблица вложена в другую с промежутком в один пиксель. Цвет фона внешней таблицы определяет цвет границы, а величина отступа - ширину рамки. Необходимо заметить, что строго обязательно надо указывать атрибут BORDER=0, иначе в Навигаторе все "поплывет".

http://exper.ural.ru/

Hosted by uCoz