traxenbruxen

Добрый день! Я новичек в деле верстки, много не ругайте) Мне надо сделать так, чтобы синий прямоугольник был опущен максимально вниз, к зеленому блоку. Пишу margin-top и пускается все вместе, хотя в описании margin написано что отступ идет от родительского элемента т.е. от предыдущего блока div. подскажите как исправить и что я делаю не так? https://jsfiddle.net/traxenbruxen/2yjh09sp/

Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо