Кодировка HTML | Демо-сайт CMS uCoz | Почта

Шапка

Все что связано с HTML и CSS.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!

Re: Шапка

Сообщение Nigelist » 23 май 2009, 08:27

X-3me, а если она будет залита ка бэкграунд? И как быть в таком случае с высотой изображения?
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Шапка

Сообщение Smoke » 23 май 2009, 08:40

style="background: url(/shapka.gif); width: 100%; "
Аватара пользователя
Smoke
Супермодератор
Супермодератор
 
Сообщения: 1038
Возраст: 32
Зарегистрирован: 01 фев 2009, 16:20
Карма: + 15 -
Откуда: Нижний Новгород

Re: Шапка

Сообщение Nigelist » 23 май 2009, 09:02

smoke, Подскажите как быть с высотой? Ведь если изображение будет растягиваться/сжиматься, то соответственно должна изменятся высота изображений, как это сделать?
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Шапка

Сообщение Smoke » 23 май 2009, 09:07

max-height: 100%
Аватара пользователя
Smoke
Супермодератор
Супермодератор
 
Сообщения: 1038
Возраст: 32
Зарегистрирован: 01 фев 2009, 16:20
Карма: + 15 -
Откуда: Нижний Новгород

Re: Шапка

Сообщение Nigelist » 23 май 2009, 09:09

smoke, большое спасибо! Буду пробовать...
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Шапка

Сообщение Youzer » 25 май 2009, 05:56

только качество потеряется слегка при сжатии-растяжении. можно во флеше попробовать сделать. а лучший вариант - слоями (если опыта в верстке достаточно)
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Re: Шапка

Сообщение Nigelist » 25 май 2009, 16:49

Youzer, слоями это как?
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Шапка

Сообщение Youzer » 26 май 2009, 00:33

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

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

чуть попозже постараюсь выложить пример такой реализации
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Re: Шапка

Сообщение Nigelist » 26 май 2009, 05:08

Youzer, не знал что этот способ так называется... Но именно к этому способу я все больше склоняюсь... Кстати абсолютно позиционирование что дает? Как я догадываюсь, с помощью данного параметра можно расположить слой поверх остальных... Но можеть быть это не все?
Бороться и искать, найти и перепрятать...
Аватара пользователя
Nigelist
Лейтенант
Лейтенант
 
Сообщения: 88
Возраст: 40
Зарегистрирован: 18 фев 2009, 07:09
Карма: + 4 -
Откуда: С того берега моря...

Re: Шапка

Сообщение Youzer » 27 май 2009, 04:59

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

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

Но можеть быть это не все. ;) с другими применениями данного метода не сталкивался. пока.
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Пред.След.

Вернуться в HTML и CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron