Шапка из 3 картинок + Беграунд

[murzik123]

Добрый день, Уважаемые Гуру!

Есть такой вопрос, как сделать на дивах следующее.

Есть 3 картинки которые находятся в шапке сайта: Left.gif, center.gif, right.gif

Надо чтобы центральная картинка была на месте по центру страници а левая и правая при изменении размера прятались или появлялись.

Уже парюсь 3 дня все мысли кончились

[psywalker]

Скрин того, что хочешь получить

[Justnewone]

Если экран наоборот расширяется - крайние должны на месте оставаться или же идти впритык к своим углам?

[psywalker]

Если экран наоборот расширяется - крайние должны на месте оставаться или же идти впритык к своим углам?

Вот и я поэтому подумал, что нужен скрин

[murzik123]

Вот картинка

Когда размер окна уменьшается до 1024 остается только центр

Edited September 1, 2009 by murzik123

[VJiK]

Нужно чтобы картинки боковые "либо показывались полностью либо исчезали" или "в зависимости от разрешения экрана обрезались".

Если второе - то просто объеденить левую и правую картинку в одну и сделать её фоном по центру.

[Justnewone]

Вот картинка

Когда размер окна уменьшается до 1024 остается только центр

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

[Searcher]

адаптивная разметка к вашим услугам...

[murzik123]

Да я в курсе что края надо объединять но хотелось как-то уменьшить вес картинок.

[Justnewone]

Да я в курсе что края надо объединять но хотелось как-то уменьшить вес картинок.

На самом деле спорно, что лучше, запросить 1 раз картинку и допустим немножко подольше ее получать, либо посылать 3 раза запрос на загруженый сервак...

[murzik123]

Спасибо Всем кто ответил.

Тему можно закрывать

[VJiK]

Searcher, что вы везде ссылаетесь на адаптивную разметку?

Далеко не всегда требуется такой тип верстки.

[Justnewone]

Далеко не всегда требуется такой тип верстки.

А можно подробнее, пожалуйста.

[VJiK]

А можно подробнее, пожалуйста.

Что подробнее?

[psywalker]

Searcher

Срочно нужен твой запатентованный совет вот в этой теме: http://forum.htmlbook.ru/index.php?showtop...mp;#entry112386 :)

[Justnewone]

Что подробнее?

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

[VJiK]

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

Большинство заказчиков - не требуют адаптивной разметки. Раз

Очень часто бывают достаточно сложные дизайны, которые под маленькие разрешения уже никак не сверстаешь. Гораздо проще сделать отдельную версию сайта. Два

[Justnewone]

Большинство заказчиков - не требуют адаптивной разметки. Раз

Очень часто бывают достаточно сложные дизайны, которые под маленькие разрешения уже никак не сверстаешь. Гораздо проще сделать отдельную версию сайта. Два

Я вопрос другой задал. Не почему ее трудно или не надо реализовывать, а где она по Вашему не нужна.

[VJiK]

Я вопрос другой задал. Не почему ее трудно или не надо реализовывать, а где она по Вашему не нужна.

Пункт два

[Justnewone]

Пункт два

Заказчики ее не требуют, потому что либо денег мало, либо не знаю вообще что такое бывает и что такое масштабирование шрифта.

Кроме этого объяснения "почему она не нужна" не вижу. Считаю, что она нужна вообще всегда, если не существует разных версий сайт для разных девайсов. Если кто не владеет - все время почему-то подобно Вам начинает рассуждать, я не на что не намекаю, конечно, не подумайте =)

[VJiK]

Я не против адаптивной разметки Есть случаи в которых её удобно применять, а есть случаи (имхо, гораздо чаще) - когда гораздо удобнее будет сделать несколько версий сайта.

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

ЗЫ Вот тут я даже её советую

Edited September 1, 2009 by VJiK

[koshka]

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

Доброе время суток!

А можно поподробнее по размещению картинок в любом углу эктана или по середине при тянущейся странице. Если можно в коде с примерными значениями или ссылку на подобные примеры. Спасибо!