Страница 2 из 4

Re: Шапка

СообщениеДобавлено: 23 май 2009, 08:27
Nigelist
X-3me, а если она будет залита ка бэкграунд? И как быть в таком случае с высотой изображения?

Re: Шапка

СообщениеДобавлено: 23 май 2009, 08:40
Smoke
style="background: url(/shapka.gif); width: 100%; "

Re: Шапка

СообщениеДобавлено: 23 май 2009, 09:02
Nigelist
smoke, Подскажите как быть с высотой? Ведь если изображение будет растягиваться/сжиматься, то соответственно должна изменятся высота изображений, как это сделать?

Re: Шапка

СообщениеДобавлено: 23 май 2009, 09:07
Smoke
max-height: 100%

Re: Шапка

СообщениеДобавлено: 23 май 2009, 09:09
Nigelist
smoke, большое спасибо! Буду пробовать...

Re: Шапка

СообщениеДобавлено: 25 май 2009, 05:56
Youzer
только качество потеряется слегка при сжатии-растяжении. можно во флеше попробовать сделать. а лучший вариант - слоями (если опыта в верстке достаточно)

Re: Шапка

СообщениеДобавлено: 25 май 2009, 16:49
Nigelist
Youzer, слоями это как?

Re: Шапка

СообщениеДобавлено: 26 май 2009, 00:33
Youzer
слоями - это сложнее будет. если на словах, то:
1. подбирается картинка для бэкграунда шапки (лучше какой-нибудь повторяющийся узор), и используется по всей ширине страницы.
2. рисуются элементы переднего плана и через абсолютное позиционирование располагаются в нужных местах над бэкграундом.

но, повторюсь, тут нужно многое учесть. в первую очередь особенности различных браузеров, чтобы добиться единого результата в любой смотрелке.

чуть попозже постараюсь выложить пример такой реализации

Re: Шапка

СообщениеДобавлено: 26 май 2009, 05:08
Nigelist
Youzer, не знал что этот способ так называется... Но именно к этому способу я все больше склоняюсь... Кстати абсолютно позиционирование что дает? Как я догадываюсь, с помощью данного параметра можно расположить слой поверх остальных... Но можеть быть это не все?

Re: Шапка

СообщениеДобавлено: 27 май 2009, 04:59
Youzer
можно расположить много слоев один над другим и задать каждому координаты относительно краев (жестко в пикселах. или относительно в процентах), т.е. при изменении размеров окна браузера по ширине можно добиться, чтобы все элементы оставались в поле видимости каждый на своем месте.

таким же образом накладывают праздничную атрибутику на шапку сайта (разные елочки, гирлянды и т.п.), задавая ей необходимые параметры (например: "position:absolute;left:0;top:0;z-index:1000;" - картинка будет находиться в левом верхнем углу над другими элементами дизайна).

Но можеть быть это не все. ;) с другими применениями данного метода не сталкивался. пока.