Sam

Sam

  • 1.5k
  • 390
  • 10.1k

How to make this to center of web page

Jan 24 2020 4:28 PM
Hello Memebers,
 
I am trying to create some login page, Can any one help me on making it to center...
 
Below i have added the code

Thank you in advance!!
 
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="dist/css/Talpal_font.css" rel="stylesheet" />
<!-- Bootstrap 3.3.6 -->
<link href="dist/css/bootstrap-multiselect.css" rel="stylesheet" />
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/AdminLTE.min.css" />
<style type="text/css">
.toolt {
position: relative;
display: inline-block;
}
.toolt .tooltiptext {
visibility: hidden;
width: 200px;
background-color: cornflowerblue;
color: #fff;
text-align: left;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.toolt:hover .tooltiptext {
visibility: visible;
}
.auto-style1 {
/*color: #A5A5A5;*/
/*font-size: 11px;*/
color: #333333;
font-family: 'Segoe UI';
font-size: 11px;
width: 45%;
}
.auto-style2 {
width: 45%;
}
</style>
</head>
<body style="
margin-left: 250px;
margin-top: 150px;
margin-right: 250px;
margin-bottom: 150px;">
<form id="form1" runat="server">
<div>
<table style="width:100%;" >
<tr>
<td class="content-head-text" >
<img src="dist/img/TalPal.ng" height="60" width="120" /></td></tr>
<%--<form id="form2" runat="server">--%>
<tr><td>
<asp:Label ID="lbldigitlresumeofcandidate" runat="server" Text=" <b> Digital resume of </b>" style="font-family:'Segoe UI';font-size:20px; align-items:center;"></asp:Label>
<asp:label runat="server" id ="lblcandidate" Text =""></asp:label><br />
</td>
</tr>
<tr >
<td>
<asp:Label ID="lblrole" runat="server" Text="Role:" style="font-family:'Segoe UI';font-size:11px;"></asp:Label>
</td>
</tr>
</table>
<br />
<table style="width:100%;">
<tr >
<td class="content-text-black center" style="width:45%; padding-right:30px;">
<asp:Label ID="lblEnterPin" runat="server" Text="If you already have a pin,then please enter:"></asp:Label>
<b class="toolt">
<img src="dist/img/icon-info.png" width="15px" height="15px"/>
<span class="tooltiptext" > To ensure the candidate data confidentiality,we will generate a pin and send to the email provided by you.
To generate a New PIN, please enter your name and email in the boxes below and click on 'Generate PIN'</span></b>
<input type="hidden" name="hidRowId" />
</td>
</tr>
<tr><td >
<asp:TextBox ID="txtPin" runat="server" Width="100px" Height="25px" CssClass="content-text-black " ></asp:TextBox><br />
<%-- <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Input your name and email to generate PIN" ControlToValidate="txtName" ForeColor="Red" ValidationGroup="validation_1" Display="Dynamic">
</asp:RequiredFieldValidator>--%>
<asp:Label ID="lblmessage" runat="server" Text="Please enter valid PIN." Visible="false"></asp:Label>
</td>
</tr>
<tr>
<td class="content-text-black center"><%--</td>--%>
<asp:Button ID="btnSubmit" runat="server" Text="View digital resume" class="btn btn-bitbucket" style="font-family:'Segoe UI';font-size:11px;" />
</td>
</tr>
</table>
<br />
<table style="width:100%;">
<tr>
<td class="auto-style1" style="padding-right:30px;">
<asp:Label ID="lblPin" runat="server" Text="If you don't have a PIN yet, Please provide the <br />
following details to generate the new PIN:"> </asp:Label><br />
</td>
</tr>
</table>
<table style="width:100%;">
<tr>
<td class="auto-style2">
<asp:Label ID="lblNames" runat="server" Text="Name:" style="font-family:'Segoe UI';font-size:11px;"></asp:Label>
</td><td>
<asp:TextBox ID="txtName" runat="server" Width="250px" Height="25px" placeholder="Name*" CssClass="content-text-black" ></asp:TextBox>
<%--<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Mandatory" ControlToValidate="txtName" ForeColor="Red" ValidationGroup="validation" Display="Dynamic">
</asp:RequiredFieldValidator>--%>
</td>
</tr>
<tr>
<td class="auto-style2" style="padding-right:30px;">
<br />
<asp:Label ID="lblEmail" runat="server" Text="Email:" style="font-family:'Segoe UI';font-size:11px;" ></asp:Label>
</td>
<td>
<asp:TextBox ID="txtEmail" runat="server" Width="250px" Height="25px" placeholder="Email*" CssClass="content-text-black" ></asp:TextBox>
<%-- <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Mandatory" ControlToValidate="txtEmail" ForeColor="Red" ValidationGroup="validation" Display="Dynamic">
</asp:RequiredFieldValidator>--%>
</td>
<td class="content-text-black"></td>
</tr>
<tr><td class="auto-style2"></td>
<td>
<asp:Button ID="btnsendEmail" runat="server" Text="Generate pin" class="btn btn-bitbucket" style="font-family:'Segoe UI';font-size:11px;" />
<asp:Label ID="lblsendemail" runat="server" Text="Pin will be sent to the email provided above" style="font-family:'Segoe UI';font-size:8px;" ></asp:Label>
<asp:Label ID="lblemailmsg" runat="server" Text="Email is sent with generated PIN" Visible="false"></asp:Label>
</td>
</tr>
</table>
<%--</form>--%>
</div>
</form>
</body>
</html>

Brought to you by:

Answers (3)