Автор статьи: Головин Андрей
Опупея с тонкими рамками вокруг таблиц нашла неожиданное продолжение. После выхода первых двух (1, 2) опытов, >Егор Первунинский прислал мне пример таблицы с тонкими границами между ячейками, который не использует однопиксельных гифов.
?Иногда излишняя изворотливость мешает правильной реализации. Современные веб-мастера настолько запуганы отличиями в реализации 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, иначе в Навигаторе все «поплывет».
Спасибо, Егор!
Если вы видите, что мои решения неэффективны и вы знаете более красивые, то не стесняйтесь, пишите. Я буду только рад.
