Click here to Skip to main content
15,867,453 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi guys!

I have an image for login module.
I would like to add two text boxes inside the image. but I cannot put it inside the image. Is there any property that will allow the text box wrap with the image? Any help? here is my code for the image :)

XML
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="popo.aspx.cs" Inherits="popo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <style type="text/css">
        .auto-style1 {
            width: 100%;
        }
        .auto-style2 {
            width: 1271px;
        }
    </style>

</head>
<body>
    <form id="form1" runat="server">
   <div>
      <%-- <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/Image/login.jpg" ImageAlign="AbsMiddle"></asp:ImageMap>--%>
       <br />
       <br />
       <br />
       <br />
       <br />
       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
       <img id="Image-Maps-Com-image-maps-2014-09-22-041322" src="http://www.image-maps.com/m/private/0/g20md0nabrigo4jh31l0c7i9v1_login.jpg" border="0" width="1600" height="570" orgWidth="1600" orgHeight="570" usemap="#image-maps-2014-09-22-041322" alt="" />
<map name="image-maps-2014-09-22-041322" id="ImageMapsCom-image-maps-2014-09-22-041322">
<area  alt="Forget Password" title="Forget Password" href="ResetPassword.aspx" shape="rect" coords="767,391,902,416" style="outline:none;" target="_self"     />
<area  alt="Login" title="Login" href="Adminn.aspx" shape="rect" coords="989,320,1033,359" style="outline:none;" target="_self"     />
<area shape="rect" coords="1598,568,1600,570" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_33037" />
</map>
    </div>

    </form>
</body>
</html>
Posted
Comments
Kornfeld Eliyahu Peter 22-Sep-14 4:58am    
Learn about background-image of CSS...
DarkDreamer08 22-Sep-14 5:18am    
could you help me? any links about that?
Kornfeld Eliyahu Peter 22-Sep-14 5:37am    
It's about 13 million links...
http://lmgtfy.com/?q=css+background-image
Sinisa Hajnal 22-Sep-14 6:21am    
Alternatively, you could put textbox under or above the image and use positioning CSS to move it over the image, but having background-image on the parent element is better solution.

1 solution

http://www.w3schools.com/css/css_background.asp[^]

Try that link.W3schols is a good way to study the basic things.
 
Share this answer
 
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900