Вопрос по вёрстке, а не к движку

Вопросы
Вопрос вообще не относится к LS, но тем не менее…
Господа верстальщики, научите, как мне поместить одну картинку в другую? Поясню, предположим у меня есть аватарка, при выводе аватарки мне надо обрамлять её другой картинкой типа рамки. Например поместить внутрь фотоаппарата или на экран планшета или чего-то подобного. Как это сделать правильнее всего?

11 комментариев

avatar 
<div class="ramka"><img/></div>
.ramka {padding:10px;bakground:url("img.jpg") no-repeat}


только для вас
avatar
А как я спозиционирую картнку внутри? Она ж по идее прилипнет сейчас к левому краю. Нет?
avatar
А, понял по 10px будет отступ. Но вроде разные браузеры по своему считают пиксели. По карйней мере я с этим сталкивался.
avatar
ну это уже второй вопрос связанный с кроссбраузерностью и хаками :)
avatar
Вот поэтому и спрашиваю, как правильно.
avatar
правильно как я написал в качестве примера для обобщенного случая, а вопрос кроссбраузерности относительный :)

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

сегодня позирует кролик
jsfiddle.net/uKErm/2/
avatar
с вендорными префиксами jsfiddle.net/uKErm/5/
avatar
если бы рамка была с прозрачной серединой, то можно было бы поменять порядок изображений и «полотно» точно бы спряталось под рамку
avatar
Так и сделаю. Спасибо.
avatar
Кролик няшный)
  • lol
  • 0
  • ↓
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.