Question

Добрый вечер!

Помогите поставить фото на рамку!! Как на скрине
                                            
Хочу чтобы вместо фона был свой фото

Comments

картинку сменили. в этом случае задача проще. В принципе наложить одну картинку на другую без искажения возможно, хотя и чуть сложнее, чем в фотошопе. Если интерес к теме не пропал, можем продолжить. Дайте знать.

---

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

Если вкратце, то делается с помощью position:absolute и releative и немного margin без примера на сайте, писать вам чистый пример не имеет смысла.

Answer 1

Прислушайтесь к первому совету - используйте фотошоп. А далее используем карту-изображение. Т.е. делаем активными области рисунка с помощью <area> в контейнере <map>. Как? Смотри любой  html - справочник, например - http://htmlbook.ru/html/area

Comments

Я каждый раз не хочу, рабоать с Фотошопом! Я просто задал вопрос есть ли коды чтобы сделать такое??

---

Попробуйте как в примере http://suhmenshkola.ucoz.ru/urok/telik.htm

<div style="position: relative; left: 5; top: 5; right: 0; bottom: 0; width: 300; height: 229; margin: 0">
	<a href="URL"><img border="0" src="ваша картинка" width="276" height="155" style="position: absolute; left: 12; top: 12; width: 276; height: 155; z-index:0"></a>
	<img border="0" src="ваша рамка" width="300" height="229"></div>

Стили конечно можете задавать какие вам надо.

Answer 2

С помощью фотошопа делайте, ксс здесь не помощник.

Comments

Этот вопрос был задан, но я искал не нашёл!

С фотошопа можно, но я хочу чтобы ссылку на фото указать и фото был на рамке!!!

Вы меня не правильно понили)))))

---

Я правильно понял, с html и css это сделать почти не возможно, с таким ракурсом рамки это очень сложно и почти не возможно, если только задействовать скрипты и то их ещё написать надо, так понятно?

---

Можно. Смотри комментарий к первому ответу.