Наложение картинок

rasshatay

7 июн 2017 г., 16:46

Добавлено: 07.06.2017 / 16:45
привет, такое дело. мне надо чтобы картинка 1 была по верх картинки 2. накладка от верха левого угла. без пикселей. просто код картинки и второй. был у меня этот код, но потерял. кто знает напишите. там по типу
width = "40" height = "40" alt="*" что-то типа этих надписей было на верхней картинки

Добавлено: 07.06.2017 / 16:46
или там был еще див новый. не <div class> а другой. подскажите как
Добавлено:
что-то типа этого. <img style='float:left;' src='/img/loka/les.gif' width = '45' height = '45'" border="0" alt="*" />
<img src='/img/loka/trava.gif' width = '45' height = '45' alt='*'/>
Добавлено:
float:left; место этого что-то другое над

Jane

7 июн 2017 г., 16:56

Блиносвёрт ?

Добавлено: 07.06.2017 / 16:55
можно сделать div, на него навесить position: relative
в него вложить две картинки и им задать
position: absolute
top: 0
left: 0

Добавлено: 07.06.2017 / 16:56
тему переименовала, пожалуйста, называй темы понятнее

rasshatay

7 июн 2017 г., 16:57

привет) можешь кодом написать это?

Jane

7 июн 2017 г., 16:58

Блиносвёрт ?

# rasshatay (07.06.2017 / 16:57)
привет) можешь кодом написать это?

нет, сижу с телефона

rasshatay

7 июн 2017 г., 17:00

Добавлено: 07.06.2017 / 17:00
<img style='position: absolute' src='/img/loka/les.gif' top = '0' left = '0' width = '45' height = '45' alt='*'/>
<img src='/img/loka/trava.gif' width = '45' height = '45' alt='*'/>

Добавлено: 07.06.2017 / 17:00
вот так)) спасибо большое))))

Kip-OK

7 июн 2017 г., 17:05

Йытлеж Пок пик

а я такое придумал

<div style="background-image: url(/img/loka/les.gif); height: 45px; width: 45px;">
   <div style="background-image: url(/img/loka/trava.gif); height: 45px; width: 45px;">
   </div>
</div>

rasshatay

7 июн 2017 г., 17:16

Kip-OK, не плохо) но у меня не одна картинка. их много) твой способ тоже работает

Jane

7 июн 2017 г., 17:38

Блиносвёрт ?

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

kantry

7 июн 2017 г., 17:46

Изменено

Hey guys! Finally I'm gonna change status!?

Прикольно (+/-)

<style type="text/css"> 
  .alarm{ position: relative; padding: 0 0; margin: 0 auto; width: 700px; } 
  .img-big{ width:100%; } 
  .img-left{ position: absolute; top:0; left:0; border-radius: 50%; }
  .img-right{ position: absolute; top:0; right:0; border-radius: 50%; } 
</style> 
<div class="alarm"> 
  <img class="img-big" src="http://localhost:3000/1.jpg" alt=""/> 
  <img class="img-left" src="http://localhost:3000/1.gif" alt=""/> 
  <img class="img-right" src="http://localhost:3000/1.gif" alt=""/> 
</div>

Прикрепленные файлы:

421

(69.25 KB)

bez_imeni.jpg