Картинка фоном

[FiRеFоX]

Привет, форумчане

Есть две картинки:


Мне нужно их как-то на CSS объединить и превратить вот в такую:


Условия:
1. Никаких фиксированных размеров
2. Итоговая картинка может принимать вид ссылки (а может быть и не ссылкой) - 2 варианта
3. Размеры должны меняться и растягиваться по ширине окна
4. Чистый CSS + HTML без JS и остального

Что должно получиться в итоге:
Пример использования: (разрешение окна 320px)

Пример использования: (разрешение окна 640px)


Вот как подобное лучшего всего сделать? Попробовал ручками, но что-то я криворук и никак не могу расположить фоновую картинку (свиток) по центру рамки((

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

 

[Volter9]

Вот типа так: http://jsfiddle.net/volter9/6gtym7x2/

Поменяй ширину .gallery, и увидишь что там все резина

Вот только не уверен как это на ишаке будет работать. background- size, position относительно новые свойства.

 

[FiRеFоX]

Вот типа так: http://jsfiddle.net/volter9/6gtym7x2/

Поменяй ширину .gallery, и увидишь что там все резина

Вот только не уверен как это на ишаке будет работать. background- size, position относительно новые свойства.

Благодарю У меня публика Андроиды и айфоны, хотя и компы тоже, н ов меньшей степени) Андрюши смогут выводить правильно картинки с версии 2.1 (background-size и background-position), а это в свою очередь телефоны с 2010г. Меня это устраивает, но жаль, что нельзя сделать, чтобы поддерживались и более ранние версии)

 

[Volter9]

Ну в идеале можно и так сделать: http://jsfiddle.net/volter9/6gtym7x2/4/

Но тут абсолютное позиционирование картинок и z-index. Может так лучше сойдет. До сих пор резина

P.S.: не забудь добавить alt="" и title="" к картинкам

 

[FiRеFоX]

Ну в идеале можно и так сделать: http://jsfiddle.net/volter9/6gtym7x2/4/

Но тут абсолютное позиционирование картинок и z-index. Может так лучше сойдет. До сих пор резина

P.S.: не забудь добавить alt="" и title="" к картинкам

Ооо, низки вам поклон, боярин! То, что нужно!

 

[Volter9]

[member=FiRеFоX], рад был помочь

P.S.: Чего в чат там редко заходишь? )

 

[FiRеFоX]

[member=FiRеFоX], рад был помочь

P.S.: Чего в чат там редко заходишь? )

То некогда, то забываю зайти Сейчас почаще буду появляться скорее всего)