Нужна помощь верстальщиков

[Удален]
560

Здравствуйте. Помогите пожалуйста советом и объяснением.

У меня есть шапка (картинкой), вот здесь она - http://nodar.name/graffiti.jpg

Она очень сложная, не можете ли мне подсказать, как ее сделать, чтобы на всех мониторах она была на весь экран? :)

По "стандартным" резиновым методам получается какая-то растянутая :(

Помогите, пожалуйста :)

Turtle_Fly
На сайте с 20.09.2007
Offline
33
#1

Что значит на весь экран? На 100% ширины страницы?

Если так, то:

например так

<div style="background-image: url(graffiti.jpg); background-position: top left; background-repeat: repeat-x; height: 234px; width: 100%;"><br></div>

Шапка будет тянуться на всю ширину, но если размер окна браузера больше 1024 px то будет видно повторение рисунка. Можно рисунок сделать шире ну например чтоб ширина была 1920 px или больше. Тогда проблем не будет. Или подправить его чтоб не было видно стыка. Тогда рекомендую еще "логотип" сделать отдельным файлом и накладывать его поверх этого слоя.

лазерные станки для резки и гравировки, купить в Москве (http://laser911.ru/). изготовление табличек для офиса (http://www.shtampuem.ru/tablichki/).
voooz
На сайте с 12.01.2008
Offline
159
#2
Turtle_Fly:
Что значит на весь экран? На 100% ширины страницы?
Если так, то:

Иногда у этого примера бывают проблемы, пример htt_://www.gorizont.co.ua/, флеш-шапка судя по коду с таким же решением, на 3/4 мониторах отлично, на 16/9 широкоформатнике (22", 1680/1000счемто)- флеш шапка плывет (в Ие, Опере точно).

Dimid
На сайте с 03.12.2006
Offline
74
#3

если я вас правильно понял, то тут есть только два решения

1. сделать шапку длиннее (у вас она короткая)

2. сделать так, что бы при её повторении не было видно стыков

то есть тут пока проблема с картинкой, а код уже сделать не проблема ;)

[Удален]
#4

Ну вот мне второй вариант больше всего подходит :) Спасибо за советы :)

Ткач
На сайте с 29.04.2007
Offline
95
#5

можно в стыке повернуть зеркально, таким образом удлинить картинку и вставить фоном без указания ширины.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
I
На сайте с 02.09.2008
Offline
22
#6

Имхо тебе надо закольцевать картинку.

В шопе идешь в фильтр-отер-оффсет

ставишь горизонтальное смещение пикселов в 500.

Отчетливо видишь стык ;)

Зараисовываешь стык, чтобы органично перетекало одно в другое.

Делаешь фильтр-оффсет со смещением в минус 500 пикселей (назад).

Такая картинка заданная как бэк с репитом по горизонтали будет "бесконечно" тянуться

iunewind.com - веб-дизайн, 3D графика.

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