Таблицы… таблицы… таблицы… Куда нам без них ? Вот именно , почти никуда . Вы часто видели совершенно корпоративный сайт без табличной ? Лично я - редко . Таблица - вещь капризная и непостоянная . Любит аккуратность и внимательность . Не любит background'ов и настороженно относится к Netscape Navigator'у . Нюансов у табличной вагон и маленькая тележка . Многие из них вам , я не сомневаюсь , . Однако всех , видимо , не знает никто , потому как браузеры постепенно интерпретируют HTML так , как им заблагорассудится . И отсутствие тэга так удивляет Netscape , что таблицу он не отображает вообще . Однако , углубимся в детали… На повестке дня две проблемы :
1 . Изготовление таблицы с однопиксельными рамками ;
2 . Изготовление таблицы с бэкграундом для Netscape , который , если реализовывать это стандартно , активно пихает оный бэкграунд в каждую ячейку таблицы…
Итак , особо однопиксельные рамки… Иногда хочется , чтобы таблица была нестандартная , чем - то отличалась от других . Или просто стандартные рамки плохо вписываются в ваш дизайн . . . Что делать ? Возможно , таблица с однопиксельной уже произвольного цвета - именно то , что вам нужно . А делается она вот так :
<table cellspacing=0 cellpadding=0 border=0 bgcolor=green width=196><tr><td>
<table cellspacing=1 cellpadding=0 border=0 bgcolor=white width=100%>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>c</td>
<td>c</td>
<td>c</td>
</tr>
</table></td></tr></table>
Вроде все просто . Делаем вложенные таблицы . Для той , что самая первая , задаем такой окрас фона , в который выкрасится наша рамка , в данном случае - зеленый ( bgcolor=green ) . Во второй делаем расстояние между ячейкам равное 1 ( cellspacing=1 ) и задаем окрас фона нашей таблицы , в данном случае - белоснежный ( bgcolor=white ) . Вторая таблица с единичным расстоянием между ячейками как бы накладывается на первую , зеленую . В итоге чего в эти просветы проглядывает первая зеленая таблица , творя рамки изумительного зеленого окраса
Но . . . Протестировав эту радость в MSIE и в Netscape мы с ужасом и непомерным удивлением для себя открываем , что трудится она только в Netscape . . . Гробовое безмолвие . Вот оно ! Хоть в чем - то Netscape обошел Explorer ! Однако надо что - то делать . . . Решение такое :
<table cellspacing=0 cellpadding=0 border=0 bgcolor=green width=196><tr><td>
<table cellspacing=1 cellpadding=0 border=0 width=100%>
<tr>
<td bgcolor=white>1</td>
<td bgcolor=white>2</td>
<td bgcolor=white>3</td>
<td bgcolor=white>4</td>
</tr>
<tr>
<td bgcolor=white>a</td>
<td bgcolor=white>a</td>
<td bgcolor=white>a</td>
<td bgcolor=white>a</td>
</tr>
<tr>
<td bgcolor=white>b</td>
<td bgcolor=white>b</td>
<td bgcolor=white>b</td>
<td bgcolor=white>b</td>
</tr>
<tr>
<td bgcolor=white>c</td>
<td bgcolor=white>c</td>
<td bgcolor=white>c</td>
<td bgcolor=white>c</td>
</tr>
</table></td></tr></table>
Чтобы угодить браузеру компании Мелкософт, приходится пихать bgcolor в каждую ячейку, что не очень удобно. Однако работает везде... Да, не забудьте убрать bgcolor во второй таблице, а то ничего не выйдет.
