X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Проблема с фоновым рисунком таблицы
osaka
osaka
Topic Starter сообщение 19.8.2009, 0:44; Ответить: osaka
Сообщение #1


Участник
***

Группа: User
Сообщений: 222
Регистрация: 30.7.2008
Из: Калининград
Поблагодарили: 63 раза
Репутация:   12  


Нужно сделать - таблица фоновый рисунок
Использую картинку для создания фона таблицы, все бы ничего, но беда в том что рисунок не растягивается по высоте в зависимости от размеров текста, и текст внизу вылазит за пределы таблицы.
Как сделать, чтоб картинка растягивалась по вертикали в зависимости от размера текста?

Кусок кода:

.article table, table.article .article tr, .article th, .article td
{
background-image: url('images/co.png');
background-repeat:no-repeat
}

.article th, .article td
{
padding: 19px;
border: solid 3px #FFFFFF;
vertical-align: top;
text-align:top;
width: 300px;
height: 239px;
}


--------------------
Покупаю контент, скан, тематика: туризм.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vovan4uk86
Vovan4uk86
сообщение 19.8.2009, 0:48; Ответить: Vovan4uk86
Сообщение #2


Участник
***

Группа: User
Сообщений: 150
Регистрация: 5.8.2009
Из: Украина, Тернополь (Черновцы)
Поблагодарили: 46 раз
Репутация:   11  


(osaka @ 18.8.2009, 23:44) *
но беда в том что рисунок не растягивается по высоте в зависимости от размеров текста

вы имели ввиду не повторяется?
растягивать картинку нельзя никак. а для повторения нужно:
.article table, table.article .article tr, .article th, .article td
{
background-image: url('images/co.png') repeat-y;
}

Сообщение отредактировал Vovan4uk86 - 19.8.2009, 0:51


--------------------
*************** Ребята, давайте жить дружно ***************


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Clayman
Clayman
сообщение 19.8.2009, 0:50; Ответить: Clayman
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 326
Регистрация: 10.12.2007
Из: spb.ru
Поблагодарили: 71 раз
Репутация:   16  


Текст за пределы таблицы не вылазит.
Просто высоты фонового рисунка не хватает чтобы полностью покрыть таблицу.
Можно убрать
background-repeat: no-repeat

тогда фон будет повторяться по мере необходимости.
Растягивать фоновые рисунки CSS2 не позволяет.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
osaka
osaka
Topic Starter сообщение 19.8.2009, 0:51; Ответить: osaka
Сообщение #4


Участник
***

Группа: User
Сообщений: 222
Регистрация: 30.7.2008
Из: Калининград
Поблагодарили: 63 раза
Репутация:   12  


(Vovan4uk86 @ 18.8.2009, 23:48) *
вы имели ввиду не повторяется?


Нет, он не должен повторятся, а нужно чтоб растягивался по вертикали.
Если высоту увеличить рисунка, то нижний бордюр пропадает.

Раз растягивать фоновые рисунки CSS2 не позволяет - то в каком направлении "копать" , чтоб добится желаемого?

Сообщение отредактировал osaka - 20.8.2009, 15:16


--------------------
Покупаю контент, скан, тематика: туризм.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vovan4uk86
Vovan4uk86
сообщение 19.8.2009, 1:01; Ответить: Vovan4uk86
Сообщение #5


Участник
***

Группа: User
Сообщений: 150
Регистрация: 5.8.2009
Из: Украина, Тернополь (Черновцы)
Поблагодарили: 46 раз
Репутация:   11  


что для вас есть фоновым рисунком? полностью весь бордер?
так нельзя. нужно порезать отдельно верх, низ и 1 пиксель середины для повторения

если что стучите в аську. чем смогу - помогу. но скоро иду спать


--------------------
*************** Ребята, давайте жить дружно ***************


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
osaka
osaka
Topic Starter сообщение 19.8.2009, 1:03; Ответить: osaka
Сообщение #6


Участник
***

Группа: User
Сообщений: 222
Регистрация: 30.7.2008
Из: Калининград
Поблагодарили: 63 раза
Репутация:   12  


(Vovan4uk86 @ 18.8.2009, 23:59) *
что для вас есть фоновым рисунком? полностью весь бордер?
так нельзя. нужно порезать отдельно верх, низ и 1 пиксель середины для повторения


Фоновый рисунок прикрепила. Рисунок порезать на части не проблема, но как это прописать в стилях, css - для меня темный лес, наугад все делаю.

Сообщение отредактировал osaka - 19.8.2009, 1:05
Прикрепленные изображения
Прикрепленное изображение
 


--------------------
Покупаю контент, скан, тематика: туризм.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vovan4uk86
Vovan4uk86
сообщение 19.8.2009, 1:08; Ответить: Vovan4uk86
Сообщение #7


Участник
***

Группа: User
Сообщений: 150
Регистрация: 5.8.2009
Из: Украина, Тернополь (Черновцы)
Поблагодарили: 46 раз
Репутация:   11  


для повторения нужно полосу в 1 пиксель и для неё, как я уже писал, background-image: url('images/co.png') repeat-y;
и ваши границы потянуться вниз. а низ рисунка нужно background-image: url('images/co2.png') no-repeat bottom;


--------------------
*************** Ребята, давайте жить дружно ***************


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Clayman
Clayman
сообщение 19.8.2009, 1:09; Ответить: Clayman
Сообщение #8


Бывалый
****

Группа: User
Сообщений: 326
Регистрация: 10.12.2007
Из: spb.ru
Поблагодарили: 71 раз
Репутация:   16  


(osaka @ 19.8.2009, 0:51) *
Раз растягивать фоновые рисунки CSS2 не позволяет - то в каком направлении "копать" , чтоб добится желаемого?

Насколько я понял, у тебя фон используется лишь для того, чтобы сделать уголки.
Как сделано сейчас, это совсем неправильно.
Копать надо здесь.
Есть масса методов...

Сообщение отредактировал Clayman - 19.8.2009, 1:09


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vovan4uk86
Vovan4uk86
сообщение 19.8.2009, 1:11; Ответить: Vovan4uk86
Сообщение #9


Участник
***

Группа: User
Сообщений: 150
Регистрация: 5.8.2009
Из: Украина, Тернополь (Черновцы)
Поблагодарили: 46 раз
Репутация:   11  


(Clayman @ 19.8.2009, 0:09) *
уголки.

там вроде дело не только в уголках, там и тени непонятные. на сколько я понял. сори за оффтоп


--------------------
*************** Ребята, давайте жить дружно ***************


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
osaka
osaka
Topic Starter сообщение 19.8.2009, 1:15; Ответить: osaka
Сообщение #10


Участник
***

Группа: User
Сообщений: 222
Регистрация: 30.7.2008
Из: Калининград
Поблагодарили: 63 раза
Репутация:   12  


(Vovan4uk86 @ 19.8.2009, 0:11) *
там вроде дело не только в уголках, там и тени непонятные. на сколько я понял.


Да там и тени всюду. Дело не только в уголках.

Вариант бордюр и уголки - не подходит.
Нужно именно рисунок в качестве фона использовать.

Сообщение отредактировал osaka - 19.8.2009, 1:18


--------------------
Покупаю контент, скан, тематика: туризм.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2967 22.11.2017, 17:34
автор: metvekot
Открытая тема (нет новых ответов) Проблема с 301 редиректом в htaccess
не срабатывает с (без www) на www
14 danc1r0k 2004 2.11.2017, 14:44
автор: vadosseo
Открытая тема (нет новых ответов) Нужны наркотики? Не проблема
Скачай ТОР и покупай
17 PostBrigada 1203 29.9.2017, 11:55
автор: ECurEx
Открытая тема (нет новых ответов) Отсортировать данные таблицы
по дням/часам и тп
3 tube 550 1.7.2017, 0:38
автор: Shandanakar
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема выбора ниши для заработка
15 lektor2010 1279 11.4.2017, 21:18
автор: SeoKot


 



RSS Текстовая версия Сейчас: 18.12.2017, 23:01
Дизайн