Вопрос к HTML-верстальщикам

12
V
На сайте с 21.04.2008
Offline
131
875

Уважаемые верстальщики, скажите, пожалуйста, можно ли технически сверстать элемент сайта (шапку, в данном случае) так, чтобы бэкграундом была какая-то картинка, а на переднем плане были несколько никак не привязанных друг к другу объектов?

То есть, например, небо, два элемента слева и справа, жёстко привязанные к краям, и в середине, например, облака и птичка. Всё это резиновое, имеет некую минимальную ширину, растягивается, соответственно, за счёт бэкграунда, а облака и птичка парят в подвешенном состоянии и, возможно тоже "перемещаются" в зависимости от размера окна.

Прилагаю схему.

Можно так али нет? И если можно, то насколько серьёзной квалификацией должен обладать верстальщик, чтобы это реализовать?

jpg verstka_priner.jpg
[Удален]
#1

Я бы сделал на вашем месте 4 колонки, в каждую из них поместил бы по элементу и ширину колонки прописал бы процентах, но чтоб общая ширина каждого объекта не превышала 1024 пиксела.

P.S. если нужна помощь, обращайтесь, ася в профиле

wdsg
На сайте с 09.02.2009
Offline
31
#2

Любой HTML-кодер среднего уровня легко реализует вёрстку по Вашей схеме.

Проектирование и разработка сложных IT-систем. Вожусь с проблемными задачами.
G
На сайте с 12.06.2006
Offline
88
#3

Ищите кто на дивах верстает. Реализуется просто

V
На сайте с 21.04.2008
Offline
131
#4

Сашко, это не для меня, я как раз макет рисую, вот, решил спросить, не напрягу ли я того, кто верстать будет. :)

Всем спасибо, я рад, что возможно.

kopusha
На сайте с 04.11.2008
Offline
175
#5

реализуемо как на дивах, так и на таблицах. можно сделать чтоб определённые облака в .png были с полупрозрачностью над фоном, над птицей, вообще подкупает.

Asar
На сайте с 23.08.2004
Offline
322
#6
kopusha:
реализуемо как на дивах, так и на таблицах. можно сделать чтоб определённые облака в .png были с полупрозрачностью над фоном, над птицей, вообще подкупает.

Дык, IE вроде как с прозрачностью в PNG не дружит?..

X-Master
На сайте с 12.01.2008
Offline
118
#7

Дружит! и я ним тоже дружу :)

Дизайн и верстка сайтов: Telegram: @Bartyura | Скайп: xmaster-se | Е-мейл: xmasteer [х] gmail.com (сразу присылайте ТЗ на оценку)
J
На сайте с 02.02.2009
Offline
53
#8
Asar:
Дык, IE вроде как с прозрачностью в PNG не дружит?..

Очорт, если бы мне давали по доллару когда я это слышу :DD

http://tinyurl.com/ccwqvs

DukeNukem
На сайте с 19.03.2009
Offline
111
#9

Вроде бы верстается и на таблицах и на дивах весьма спокойно...

jumash:
Очорт, если бы мне давали по доллару когда я это слышу :DD
http://tinyurl.com/ccwqvs

Сори за офтоп

Отжиг, ультроссылка... надо себе в закладки скинуть...

К блогерству есть интерес? Я поставлю вам Wordpress! В связи с кризисом в стране - я подвинусь по цене. Установка, настройка CMS. Обучение и сопровождение. ( /ru/forum/346576 )
lazio
На сайте с 05.10.2006
Offline
47
#10

делается это довольно просто. Ниже кой какой пример, надеюсь понятно:


<style>
.header {
position:relative;
width:100%;
height:100px;
background:url(../i/image.jpg);
}
elem1 {
width:50px;
height:50px;
position:absolute;
left:100px;
top:20px;
background:url(../i/image2.jpg);
}
</style>
<div class="header">
<div class="elem1"></div>
<div class="elem2"></div>
<div class="elem3"></div>
</div>

Смысл в чем, делает блок и ставим ему position:relative, а внутри него делаем сколько угодно блоков с position:absolute и позиционируем (свойства left, top, bottom, right) их как угодно относительно блока relative.

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий