Иногда излишняя изворотливость
мешает правильной реализации. Современные
веб-мастера настолько запуганы отличиями в
реализации 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, иначе в
Навигаторе все "поплывет". |