Как сделать image background для каждой записи GridVIew?
Релиб
Форумы       Участники    Календарь    Кто он-лайн?
Добро пожаловать, гость ( Вход | Регистрация )
        


12»»

Как сделать image background для каждой... Expand / Collapse
Автор
Сообщение
25.07.2007 20:49
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 02.05.2008 1:27
Сообщ.: 313, Visits: 2 982
Как сделать image background для каждой записи GridVIew?
Сообщ. #914963
26.07.2007 11:20
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Проще всего средствами CSS. Указываем у GridView атрибут CssClass="grid1", а таблице стилей добавляем правило с нужным фоном
table.grid1 td {background:url(img/bg.gif)}
Сообщ. #914968
26.07.2007 14:44
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 02.05.2008 1:27
Сообщ.: 313, Visits: 2 982
это не будет работать. ты перепутал с background для всего gridview а не для ячеек. иными словами, если в качестве бэк фона я использую картинку с изображением прямоугольника, то по твоему методу 1 прямоугольник будет на весь грид. а мне надо чтобы прямоугольник этот был на каждую строку грида.
Сообщ. #914981
26.07.2007 14:52
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
В моем примере фон устанавливается для каждой ячейки, а не для всей таблицы. Если нужно сделать фон для строки, то замени в примере td на tr.
Сообщ. #914982
26.07.2007 17:23
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 02.05.2008 1:27
Сообщ.: 313, Visits: 2 982
либо мы не допоняли друг друга либо что-то не так с примером.

я сделал следующую запись в стилях:

table.grid1 tr {background:url(/images/GridBg.jpg)}


а у Грида, в св-ве cssclass выставил grid1
никаких изменений, будто я ничего и не далал...

Сообщ. #914983
26.07.2007 17:37
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Пример 100% рабочий. Проверил в ie6/7, ff 1.5, opera 9. В первую очередь проверь что у тебя в корне сайта (именно сайта, а не приложения!) есть папка images c файлом GridBg.jpg. Проверь нет ли опечаток в исходнике. Посмотри html код который получает браузер. Скорее всего у тебя проблема именно с путями.
Сообщ. #914984
26.07.2007 20:19
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 02.05.2008 1:27
Сообщ.: 313, Visits: 2 982
все равно не работает.

там точно надо background а не background-image ? хотя с ним также не работает...

пути к картинкам правильные.
стили подключены: <link rel="stylesheet" href="StyleSheet.css">

что в html source смотреть я не понял...

кстати, я не совсем понял почему ты написал table.grid1 ... ?
table - это чье-то id или нет?


обычно яделал бы примерно стили так:
.gridViewStyle

    background-image:url(/images/GridBg.jpg);
}

а вот с твоей записью: table.grid1 tr {background:url(/images/GridBg.jpg)}
я раньше не сталкивался...

Сообщ. #914987
27.07.2007 12:20
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Правило table.grid1 tr {} означает следущее: применить указанный стиль к элементу tr внутри элемента table, c именем класса grid1. Раз ты этого не знаешь, то очень советую прочитать описание селекторов доступных в CSS2.

Для установки фонового изображения можно использовать как background так и background-image. Дело в том, что многие правила в CSS2 допускают сокращенные записи одинаковый эффект может быть получен разными способами. Все это тоже можно найти в рекомендации CSS.

Осталось понять почему не работает. В исходник html я советовал заглянуть, чтобы убедиться что GridView выводится в виде таблицы (<table>) с атрибутом class="grid1". Кроиме этого надо проверить что значение атрибута class и ссылка на него в CSS файле написаны в одном регистре. Что еще посоветовать даже не знаю.

Сообщ. #914993