 |
|
Модераторы: Illuminaty |
 
|
|
подскажите как сверстать 
| Ctulhy |
|
|||
 Шустрый  Профиль Группа: Участник Сообщений: 137 Регистрация: 2.8.2008 Где: Россия, Курск Репутация: 2 Всего: 2 |
Вообщем нужно сверстать нечто, представлено во вложении.
Все бы было ничего.. но рамки с цветами нужно сделать резиновыми, а серидина будет статичной. Как это сделать на дивах я пока что не придумал, остается одна надежда на гуру. Присоединённый файл ( Кол-во скачиваний: 30 ) 
Untitled_1.jpg 96,85 Kb--------------------
скучно в Москве и дождливо в Крыму. |
|||
|
||||
Загрузка ...
| bars80080 |
|
|||
 прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
а что не так?
<div id="leftwall"> <div id="rightwall"> <div id="staticcenter"> </div> </div> </div> задаём фон для левого поля, для правого. это картинки расчитанные на максимальную ширину поля, т.е. порядка 200-800 пикселей. в rightwall пишем text-align: center; а в staticcenter пишем margin: 0 auto; если нужно четыре цветка именно по углам, то придётся делать не два внешних дива, а четыре, а фон соответственно разносить по углам |
|||
|
||||
| Mavrun |
|
|||
 Бывалый Профиль Группа: Участник Сообщений: 199 Регистрация: 25.11.2007 Репутация: 9 Всего: 13 |
лиловый точечный фон я бы присобачил тегу боди, а все элементы бордюра, а также тень большогого блока - полупрозрачными png. Естесственно, нужно будет для IE 6 поставить фикс.
далее можно попробовать сверстать как при трёхколоночной вёрстке - в левой и правой колонке бордюр с цветками, а в центральной колонке ещё один див (с margin:auto) в котором центральный блок. Также центральной колонке можно прикрутить бэкграунд верхней пунктирной линии. Центральному блоку нужен бэкграунд с повторяемостью по y, где будет линия - центральная часть белая, а края полупрозрачные тени. Для подвала сайта разметку сделать по аналогии. |
|||
|
||||
| Ctulhy |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 137 Регистрация: 2.8.2008 Где: Россия, Курск Репутация: 2 Всего: 2 |
Делаю как посоветовал bars80080
в b4 перестает отображаться бэкграунд. И кстати, зачем text-align:center? Если кому интересно, могу выложить верстку. Это сообщение отредактировал(а) Ctulhy - 24.1.2010, 09:40 --------------------
скучно в Москве и дождливо в Крыму. |
|||
|
||||
| bars80080 |
|
||||
|
прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
в b4 не указана верхняя позиция фона. там только left, а дальше ошибочная рекомендация repeat-y, которая не имеет смысла для position
я не советовал задавать абсолютное позиционирование
для ИЕ |
||||
|
|||||
| Ctulhy |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 137 Регистрация: 2.8.2008 Где: Россия, Курск Репутация: 2 Всего: 2 |
ну без абсолютного поизиционирования не работает в опере.
#b4 {background:url(b3.gif) top left repeat-y;} не помогает.. выложу верстку тут, может будет желание посмотреть код.. Присоединённый файл ( Кол-во скачиваний: 3 ) 
___________.rar 197,26 Kb--------------------
скучно в Москве и дождливо в Крыму. |
|||
|
||||
| WebMast |
|
|||
 Front-end developer Профиль Группа: Участник Сообщений: 105 Регистрация: 1.1.2009 Где: Беларусь Репутация: 2 Всего: 2 |
Сверстаю вам макет страницы, предоставленной в первом посте. Платно. Без предоплаты..
--------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome |
|||
|
||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0470 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |