Вставка кнопки поверх изображения.

[traxenbruxen]

Добрый день.

Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как  на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE.

Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. 

с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение?

заранее спасибо

 

[antonKar]

У родительского блока картинки ставим position: relative;

После картинки прописываем иконки NEW и SALE (я не могу назвать это кнопками, так как при клике на них вроде ничего не должно происходить) каким удобно вам тегом, а тегам иконки уже делаем position: absolute

Ну и позиционируем иконки относительно подвала и краёв через bottom, left и right.

Edited July 12, 2015 by antonKar