Быстрый вопрос по Dreamweaver CC

Наверное простой вопрос, делаю свой первый сайт. Проблема в шапке- делаю ее из 3-х изображений, чтобы при растягивании шапка не оставалась той-же ширины, и не казалась мелкой. Вопрос вот в чем: при уменьшении окна- изображения смещаются друг под друга, надо чтобы при дохождения до минимума картинки оставались на одной линии и просто "уходили за экран". Как это реализовать?

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

Сообщение изменено: Erudito (04 мая 2015 - 14:14 )

Предпочтительнее всеже второй вариант (1 изображение)

пример покаж

а по dw совет - удалить с компа и использовать sublime text

пример покаж

 

а по dw совет - удалить с компа и использовать sublime text

Ну вот самый банальный пример- синяя шапка форума. Если в окне откроешь- она не обрезана, нормальная. Если окно сделать на весь экран- картинка останется такой-же, тоесть не искривится вытягиванием, останется пропорционально правильной. Как этого добиться? У меня всегда фиксирована, если открою в окне- на всю ширину, сделаю на весь экран- шапка остается шириной с мелкое окно

А чем дв не устраивает?

да я не догоняю о чем ты вообще

width:100% попробуй

да я не догоняю о чем ты вообще

 

width:100% попробуй

Зацени тогда картинку, нарисовал как дибил как смог

http://www.w3schools...ze&preval=cover

а вообще указываешь максимальную ширину в пикселях, например

max-width:1440px;

width:100%;

margin:0 auto 0 auto;

background-size:cover;

background-position:top center; /*или center center, хз как лучше*/

Эрудито, ты свой хтмл покажи и стили, а то тебя сложно понять )

Эрудито, ты свой хтмл покажи и стили, а то тебя сложно понять )

Скинул в лс

Тоже отправил кстати

http://jsfiddle.net/8mgc18hg/1/

нашел на stackoverflow, вроде оно. попробуй ресайзить

Сообщение изменено: skill-A (06 мая 2015 - 12:56 )

http://jsfiddle.net/8mgc18hg/1/

 

нашел на stackoverflow, вроде оно. попробуй ресайзить

Оно то оно, да, но не понял что куда вставлять
Откуда 2 класса, я так понимаю ладно один класс это под изображение? Ну а второй? 
Повторюсь, делаю вообще в первый раз такое 

оборачивается в родительский див, внутри которого с position:absolute размещён элемент который должен перетягиваться

а вообще берешь каждое свойство и читаешь про него в учебнике

http://htmlbook.ru/css

Аллилуя, я нашел нужную функцию, оказалось все еще проще чем я думал, даже для первого раза както глупо вышло   
Добавил max-width и max-height 90% в css и убрать ориг. размеры с кода и все стало как надо)

skill-A и  kuznets, огромнейшее вам спасибо за то что откликнулись!)

 

Сообщение изменено: Erudito (06 мая 2015 - 19:38 )