Web-анатомия Web-анатомия Web-анатомия
Web-анатомия Web-анатомия Web-анатомия HTML CSS JScript DHTML
заголовок - CSS
таблицы с фоновым рисунком


Новая версия сайта находится по адресу


wa.artel.by




Статья написана FireFalcon'ом с сохранением всех авторских прав.

Так вот. Попытаемся сделать таблицу с каким-нибудь фоновым рисунком. Сначала интуитивным стандартным способом, который должен работать. По идее...

<table cellspacing=0 cellpadding=0 border=0 background="../images/table_back.gif" width=196>
<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>


Все просто, как пять копеек. Однако... Вот что мы видим:

NN 4.05 MSIE 5.0
О! Ужас! Netscape вставил наш неповторимый backgroung в каждую ячейку таблицы! Что ж, будем лечить этот баг с помощью вложенных таблиц. Вот так:

<table cellspacing=0 cellpadding=0 border=0 background="../images/table_back.gif" width=196><tr><td>
<table cellspacing=1 background="" cellpadding=0 border=0 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>

NN 4.05 MSIE 5.0


Приходится делать вложенные таблицы. В первой пишем на бэкграунд background="../images/table_back.gif". Во второй - background="". Все, как ни странно, заработало. Ну и ладненько, ну и замечательно...

заголовок - CSS

Новости сайта Ссылки/только полезные ресурсы не нажимать! Пишите письма
новости

3 мая 2001. Новенькое по CSS/ Кросс-браузерность:
фишки слепого браузера


18 апреля 2001. Новенькое по CSS/ Кросс-браузерность:
не наступай на грабли


11 апреля 2001. Новый материал по HTML/ Логические тэги:
облегчаем жизнь


30 марта 2001. Ну наконец-то! Новый материал по HTML/ Favicon:
плюсы и минусы


21 марта 2001. Новый материал по CSS/ секреты CSS:
правильные стили (IV)


15 марта 2001. Новый материал по CSS/ секреты CSS:
правильные стили (III)


HTML...
"Да это ж просто! - махнешь ты рукой. - Набор тэгов!"
Хм, набор-то он набор, вот только браузеры этот набор интерпре- тируют уж очень по разному...

Кэширование:
все секреты здесь


ALT:
не все так просто


Таблицы:
рамка 1px


Таблицы:
фоновый рисунок


Favicon:
плюсы и минусы


Логические тэги:
облегчаем жизнь


 

Hosted by uCoz