CODEWITHSUNDEEP
htmlcss
user1118051
user1118051

Reputation:

Insert a field within an image

I have an image and I want to insert a field for users to enter their email within it. Could you guys help me with the html code for it.

Thanks

Upvotes: 0

Views: 59

Answers (2)

david9
david9

Reputation: 169

Try with this code..

    <img src="image.jpg" style="z-index:1"/>
    <input type="text" style="z-index:100;display:block;top:10px;position:absolute;"/>

Upvotes: 1

khomyakoshka
khomyakoshka

Reputation: 1279

Perhaps something like this will help you?

HTML

​<div class="inputDiv">
<input type="text" value="input your data here"/>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS

.inputDiv{
    background:url(your_pic_url.jpg) no-repeat;
    width:300px;
    height:300px;
}

.inputDiv input{position:absolute; top:50px; left:50px;}

FIDDLE

Upvotes: 0

Related Questions