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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как сделать вместо бордера спец. background, background сбоку дива. Как сделать? 
:(
    Опции темы
linuxoid
  Дата 23.12.2010, 19:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Здравствуйте, уважаемые коллеги! Помогите мне плиз разобраться и понять как сделать специфический бэкграунд для бокса, в котором находится контент. Проблема такая: есть бокс с контентом, в котором идет список (он может быть любого размера). Так вот сверху идет как бы начало бэка (1 рисунок в высоту допустим пикселей 100), затем идет главный сплошной фон, который растягивается по мере добавления контента, в конце идет концовка (другой уже рисунок). Но с точки зрения пользователя разумеется это 1 рисунок, который растягивается на столько, на сколько это нужно, в соответствии с размерами бокса. Рисунок в приложении. Буду благодарен за подсказаньки.

P.S. проблема еще и в том, что мне нужно использовать прозрачные гифы или пнг, т.к. фон на сайте - разного цвета.

Это сообщение отредактировал(а) linuxoid - 23.12.2010, 19:05

Присоединённый файл ( Кол-во скачиваний: 7 )
Присоединённый файл  vopros.png 106,98 Kb
PM MAIL   Вверх
Amphiluke
Дата 23.12.2010, 19:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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



Например, так:
Код

.wrapper-solid {
    background:#0cf;
}
.top-part-bg {
    background:url(http://s1.ipicture.ru/uploads/20101223/5cT8IZLF.png) 0 0 repeat-x;
}
.content {
    background:url(http://s1.ipicture.ru/uploads/20101223/Wo5OUtIp.png) 0 100% repeat-x;
}


Код

<div class="wrapper-solid">
    <div class="top-part-bg">
        <div class="content">
            <ul>
                <li>q</li>
                <li>q</li>
                <li>w</li>
                <li>w</li>
                <li>e</li>
                <li>e</li>
                <li>r</li>
                <li>r</li>
                <li>t</li>
                <li>t</li>
            </ul>
        </div>
    </div>
</div>

PM   Вверх
linuxoid
Дата 23.12.2010, 22:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Спасибо за ответ! Проблема в том, что мне нужно, чтобы был еще и 3-й бэк, а не просто фон по середине. 

Я добавил пример в приложение, где вложены все 3 бэка + не порезанный (на 3 части) фон. Когда я пытаюсь что-то сделать с ними, они перекрывают друг друга.

Присоединённый файл ( Кол-во скачиваний: 4 )
Присоединённый файл  primer.rar 4,89 Kb
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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