Чтобы фон-изображение не повторялось

Решено Runna
(@runna)

11 лет, 11 месяцев назад
Здравствуйте.
Подскажите, пожалуйста, почему в таблице фон-изображение повторяется?
1. ведь поставила же no-repeat, но внизу все время тонкая полоска верхней части картинки.
2. таблицу создала точно по размеру этой картинки.

может все же какие-то ошибки в коде?
```
<table background="http://Fon.jpg" border="0" style="margin: 0; padding: 0;">
  <tr>
   <td width="1020" height="732" style="text-align: center"; "margin: 0; padding: 0"; "background-repeat:no-repeat">&nbsp;</td>
  </tr>
</table>
```

Просмотр 5 ответов — с 1 по 5 (всего 5)

Модератор Yuri
(@yube)

11 лет, 11 месяцев назад

В строке

<td width="1020" height="732" style="text-align: center"; "margin: 0; padding: 0"; "background-repeat:no-repeat"> </td>

куча лишних кавычек. Сработать может только style="text-align: center", остальное будет воспринято браузером как мусор.

Автор Runna
(@runna)

11 лет, 11 месяцев назад

Понятно. Спасибо. На шару не прокатило, придется-таки учить основы программирования. ))
Автор Runna
(@runna)

11 лет, 11 месяцев назад
Вообще-то все переделала,
теперь изображение наконец-то не повторяется, но если ячейку начать делить, то и изображение делится.
Видимо его надо прописывать не в ячейку, а в саму таблицу?
```
<table width="100%" border="0" align="center">
  <tr>
    <td width="1020" height="730" style="text-align: center; background-image: url(http://Fon.jpg); background-repeat: no-repeat;"; "background-repeat:no-repeat"> </td>
  </tr>
</table>
```
В этот раз лишних кавычек нету?
Модератор Yuri
(@yube)

11 лет, 11 месяцев назад

Видимо его надо прописывать не в ячейку, а в саму таблицу?

Именно.

В этот раз лишних кавычек нету?

Есть 🙂 Все правила стиля (разделенные одно от другого точкой с запятой) — параметр атрибута style, т.е. являют собой одно целое, а потому должны браться в кавычки целиком, а не по частям.

http://Fon.jpg — васисдас?

Потратьте часок-другой на htmlbook.ru — окупится с лихвой.

Автор Runna
(@runna)

11 лет, 11 месяцев назад

http://Fon.jpg — васисдас?

в этом месте будет ссылка

Спасибо за замечания. Буду учиться 🙂

Просмотр 5 ответов — с 1 по 5 (всего 5)

Тема «Чтобы фон-изображение не повторялось» закрыта для новых ответов.

Метки темы

Просмотр