Нужно сделать кнопку поверх изображения, которая будет открывать определенную форму, как организовать?

Question

[stamdyscias]

На изображении должна будет быть кнопка отступы от всех краев в процентах, когда наводишь на нее серые линии превращаются в белые, фон прозрачный, текст в середине

Answer 1

[Valeriy Donika]

Что-то вроде 
<div class="wrap">
       <img src="link">
       <div class="button"><button>Узнать больше</button></div>
</div>

.wrap {position:relative}
.button{position:absolute:top:50%; left:0;rigt:0; margin-top: - ( половины высоты кнопки); margin: auto;}

Comments

[stamdyscias]

А как то что вы скинули снизу занести в код?

[Valeriy Donika]

Это нужно в CSS файл добавить.

[stamdyscias]

Valeriy Donika: А можно как нибудь без документа обойтись? может в голову вбить? Только как?

[Valeriy Donika]

stamdyscias: какого документа? Ну можете инлайном стили прописать, но это же грязь.... :)