Модераторы: Illuminaty

Поиск:

Закрытая темаСоздание новой темы Создание опроса
> Проблема с background 
:(
    Опции темы
skalex
Дата 26.7.2004, 12:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


Профиль
Группа: Участник Клуба
Сообщений: 895
Регистрация: 2.4.2004

Репутация: 1
Всего: 23



Народ!
Скажите, возможно ли сделать так, чтобы в ячейке таблицы с контентом отображалось сразу две картинки, положенные как фон. Одна из картинок должна фиксироваться (no-repeat), а вторая тянуться вниз.
PM   Вверх
Gold Dragon
Дата 26.7.2004, 13:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Так что ли?
<td background="01.gif"><img src="02.gif"></td>


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
skalex
Дата 26.7.2004, 13:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


Профиль
Группа: Участник Клуба
Сообщений: 895
Регистрация: 2.4.2004

Репутация: 1
Всего: 23



Если cделать так, то картинка 02.gif просто вставится и текст будет ее обтекать, а мне нужно, чтобы эта картинка была в фоне (чтобы текст был поверх).
PM   Вверх
Ignat
Дата 26.7.2004, 14:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73



<td background="01.gif"><img src="02.gif" style="position:absolute;z-index:1;"><p style="position:absolute;z-index:2;">bla-bla-bla</p></td>


--------------------
Теперь при чем :P
PM   Вверх
skalex
Дата 26.7.2004, 17:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


Профиль
Группа: Участник Клуба
Сообщений: 895
Регистрация: 2.4.2004

Репутация: 1
Всего: 23



Не, не получается так...
PM   Вверх
dr.ZmeY
Дата 26.7.2004, 17:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Политолог
****


Профиль
Группа: Участник Клуба
Сообщений: 3892
Регистрация: 26.3.2002
Где: ..::STALINGRAD::. .

Репутация: 2
Всего: 60



Можно слоями...


--------------------
PM MAIL WWW ICQ Skype   Вверх
Ignat
Дата 26.7.2004, 18:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73



dr.ZmeY, дык это собсна и были слои. Разве что в дивы не засунул.
Код

.........
<style>
.first{position:absolute;z-index:1;}
.second{position:absolute;z-index:2;}
</style>
</head>
<body>
.........
<td background="01.gif"><div class="first"><img src="02.gif"></div><div class="second"><p>bla-bla-bla</p></div></td>


Это сообщение отредактировал(а) Ignat - 26.7.2004, 18:35


--------------------
Теперь при чем :P
PM   Вверх
dr.ZmeY
Дата 26.7.2004, 20:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Политолог
****


Профиль
Группа: Участник Клуба
Сообщений: 3892
Регистрация: 26.3.2002
Где: ..::STALINGRAD::. .

Репутация: 2
Всего: 60



Ignat, просто загрузил, набрал ответ и отрубился, ответил уже через пару часов... sad.gif



--------------------
PM MAIL WWW ICQ Skype   Вверх
skalex
Дата 27.7.2004, 08:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


Профиль
Группа: Участник Клуба
Сообщений: 895
Регистрация: 2.4.2004

Репутация: 1
Всего: 23



Попробовал еще раз.... Опять не получается. Фон не тянется...
PM   Вверх
Ignat
Дата 27.7.2004, 11:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73



Код

.........
<style>
.bckg{
background-image:url("01.gif");
background-position:right;
background-repeat:repeat-y;
background-attachment:fixed;
}
.first{position:absolute;z-index:1;}
.second{position:absolute;z-index:2;}
</style>
</head>
<body>
.........
<td class="bckg"><div class="first"><img src="02.gif"></div><div class="second"><p>bla-bla-bla</p></div></td>

Вот такой вариант. Если что не так посмотри в мануале CSS.


--------------------
Теперь при чем :P
PM   Вверх
skalex
Дата 28.7.2004, 08:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


Профиль
Группа: Участник Клуба
Сообщений: 895
Регистрация: 2.4.2004

Репутация: 1
Всего: 23



Блин! Может я непонятно объяснил суть проблемы?
В ячейке таблицы размещается контент страницы. Соответственно, если контента на странице много, то эта ячейка расстягивается.
Так вот проблема в том, что по дизайну задумано так, что в самом верху ячейки располагается фоновая картинка (без разможения, т.е. background-repeat: no-repeat;).
И есть еще одна картинка (высотой 1px), которая должна размножаться вниз по мере увеличения контентной области. По своей сути эта картинка является продолжением первого изображения).
В итоге ячейка таблицы принимает вид области с "шапкой" и окантовкой, поверх чего разположен контент.

Ignat, спасибо за твои решения, но по ним не получается разрешить данную проблему, потому что картинка 01.gif не хочет тянуться...
PM   Вверх
Gold Dragon
Дата 28.7.2004, 08:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Может сделать проще.

Сделать две вертикальные ячейки, в верхнюю суёшь свою неразмножающуюся картинку, в нижнюю в 1рх. И получется что верхняя типа шапки, а нижняя растягивается по заполнению..


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Ignat
Дата 28.7.2004, 09:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73



то есть как не хочет??? Да быть того не может...
background-repeat:repeat-y; - не работает?


--------------------
Теперь при чем :P
PM   Вверх
skalex
Дата 28.7.2004, 11:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Хороший человек
**


Профиль
Группа: Участник Клуба
Сообщений: 895
Регистрация: 2.4.2004

Репутация: 1
Всего: 23



Red Dragon, в том то все и дело, что должна быть одна ячейка! Потому что неудобно будет вверстывать контент (например, если контент начинается с большой таблицы, то получится совсем не так, как надо).
Ignat, да нет, само свойство background-repeat конечно работает, твой пример не срабатывает...
PM   Вверх
Ignat
Дата 28.7.2004, 15:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73



Mace, покажи плиз верстку, что-то у меня мозги не работают.



--------------------
Теперь при чем :P
PM   Вверх
Закрытая темаСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0504 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.