Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Фоновая картинка для <tr>

Обсуждение темы Фоновая картинка для <tr> в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Как сделать, чтобы атрибут background применялся к самой тр, а не к ее дочерним тд? Для ясности обрисую ситуацию: хочется в табличке выделить ...


Закрытая тема
 
Опции темы
Старый 22.01.2007, 14:20   #1
Как сделать, чтобы атрибут background применялся к самой тр, а не к ее дочерним тд?

Для ясности обрисую ситуацию: хочется в табличке выделить верхнюю строчку фоновым графическим элементом. Эелемент - рисунок размером 300х70. Рисунок расположен справа, при этом не хочется, чтобы рисунок обрезался последней ячейкой.

Если делать так:
<tr style="background: white url('img/top_table.jpg'); background-repeat: no-repeat; background-position: top right;">
<td>...</td><td>...</td><td>...</td>
</tr>
то фоновый рисунок появится в каждой ячейке.

Если делать так:
<tr>
<td>...</td><td>...</td><td style="background: white url('img/top_table.jpg'); background-repeat: no-repeat; background-position: top right;">...</td>
</tr>
то фоновый рисунок появится в последней ячейке, и, если она будет меньше 300пх в ширину, обрежется ей.

Как это можно реализовать?
Заранее спасибо .
 
Старый 22.01.2007, 14:20
Ссылки
Старый 23.01.2007, 10:09   #2
Цитата:
Nark:
Если делать так:
<tr style="background: white url('img/top_table.jpg'); background-repeat: no-repeat; background-position: top right;">
<td>...</td><td>...</td><td>...</td>
</tr>
то фоновый рисунок появится в каждой ячейке.
Эта конструкция должна работать!
Проверь может быть ты где-то в стилях прописал фон для <td>, поэтому он у тебя повторяется.

На всякий случай спрошу: какой у тебя браузер?
 
Старый 23.01.2007, 17:16   #3
Опера 9 и ИЕ вроде тоже самое кажет.
Стилями, честно говоря, практически не пользуюсь. (здесь я жутко краснею ). Так что никаких стилей у тд нет.

PS вот пример: http://www.biograd.ru/instructtmp1.htm
 
Старый 24.01.2007, 10:14   #4
Похоже что эта конструкция
PHP код:
style="background: white url('img/top_table.jpg'); background-repeat: no-repeat; background-position: top right;" 
не работает для тега TR, но работает для <TABLE>. Поэтому как вариант можно внутри TR разместить дополнительную таблицу с данным фоном, внешне это будет выглядеть абсолютно идентично.
 
Старый 24.01.2007, 12:50   #5
Цитата:
condor:
Похоже что эта конструкция
PHP код:
style="background: white url('img/top_table.jpg'); background-repeat: no-repeat; background-position: top right;" 
не работает для тега TR, но работает для <TABLE>. Поэтому как вариант можно внутри TR разместить дополнительную таблицу с данным фоном, внешне это будет выглядеть абсолютно идентично.
А как тогда сохранить ширину столбцов? Она делается автоматически по содержанию.
 
Старый 24.01.2007, 12:50
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фоновая музыка на сайте Javascript xzxz HTML, CSS, JavaScript 3 23.03.2012 23:27
Картинка Deli Конкурсы 14 18.02.2010 00:34
Картинка как фон lioubov HTML, CSS, JavaScript 37 28.11.2009 19:37
Картинка Bleach Растровая графика 14 24.08.2005 17:28
Картинка и javascript GAP ASP, Perl, PHP и MySQL 3 26.11.2003 12:41


Текущее время: 01:34. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум