|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
04.01.2011, 16:09 | #1 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
Построение страници div + css
я столкнулся с проблемой построения страницы через плавающие контейнеры, а именно когда мне надо загрузить рисунок нарисованный в фотошопе и порезаный под размеры ячеек которые вы видите на рисунке.
оранжевые части рисунка должны изменяться в зависимости от заполнения желтой части /тоесть взависимости от заполнения информацией желтого <div>оранживые части рисунка должны повторять себя через repeat/. Последний раз редактировалось cyclobe; 04.01.2011 в 16:49. |
04.01.2011, 16:50 | #2 |
VisualC++/DirectX
Форумчанин
Регистрация: 16.07.2010
Сообщений: 831
|
Причем тут repeat?Тут надо просто height:auto;
|
04.01.2011, 17:08 | #3 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
мне надо сделать что-то наподобии http://www.berserk.ru/about-game.html, пробовал по разному но не получаеться
|
04.01.2011, 18:01 | #4 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
а при чем здесь height:auto; мне надо чтоб рисунок в оранжевых <div> повторялся по вертикали через repeat-y, когда я буду заполнять желтый <div>, а он не повторяется
|
06.01.2011, 13:10 | #5 |
Регистрация: 10.06.2010
Сообщений: 6
|
может так?
height:100%; background: url("img/image.jpg") repeat-y; |
06.01.2011, 16:55 | #6 |
Форумчанин
Регистрация: 03.09.2010
Сообщений: 197
|
проще будет если вы приведете структуру Html и стили
|
06.01.2011, 18:30 | #7 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
<body>
<div class="middle"> <div class="left"> </div> <div class="center"> <div class="waylinks"><a href="" title="Главная">Главная</a></span> » <span>Устав</span></div> </div> <div class="right"> </div> <div class="left1"> </div> <div class="page"> </div> <div class="right1"> </div> <div class="left2"> </div> <div class="page1"> </div> <div class="right2"> </div> <div class="text"><p>При заполнении этого "<strong>div</strong>" <strong>div.left2</strong> и <strong>div.right2</strong> должны повторять рисунок в зависимости от количества информации, а информации будет много.<br />Кроме того <strong>div.page1</strong> должно также заливать цветом все вплоть до блока "footer block"</p> </div> </div> <!-- begin footer block --> <div class="bottom"> <div class="bottom1"> </div> <div class="bottom2"> </div> <div class="bottom3"> </div> </div> <!-- end footer block --> </body> таблица стилей прилагается, помогите пожалуйста |
06.01.2011, 18:32 | #8 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
кроме того может можна как-то обьединить div.page и div.page1
|
11.01.2011, 01:45 | #9 |
Участник клуба
Регистрация: 19.01.2009
Сообщений: 1,453
|
ох, ну вы понаписали, что на скрине и что в коде...
ван надо расположение блоков как на скрине, то есть 3 блочный шаблон? левый и правый блок, также имеют верхний и нижний блок, правильно я вас понял? |
11.01.2011, 14:53 | #10 |
Пользователь
Регистрация: 04.01.2011
Сообщений: 51
|
да вы меня правильно поняли
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
div тег как нижний слой для второго div тега | dadli | HTML и CSS | 2 | 30.07.2010 01:12 |
css меню обрезается другим div | retail_ret | HTML и CSS | 2 | 13.08.2009 16:50 |
Позиционирование двух плавающих DIV внутри одного DIV | allocator | HTML и CSS | 5 | 22.07.2009 13:48 |
Позиция текста по отношению к картинке в блоке <div>, CSS | FINoM | HTML и CSS | 3 | 11.06.2009 16:31 |