Monday, June 8, 2015

Login page -Design



This the interface of Login page.
Login page html code is here.Table structure.

<table width="550" border="0" align="center" style="margin-top:300px">
    <tr>
   <td width="62%"><table width="100%" border="0" class="tableBorder">
     <tr>
   <td colspan="3" class="normalfnt" style="text-align:center" bgcolor="#00CC33" height="30">        <font color="#FFFFFF" size="2">LOGIN</font></td>
          </tr>
          <tr>
          <td height="96">
           <table width="100%" border="0">
              <tr>
              <td colspan="2" class="normalfnt">&nbsp;</td>
              <td width="50%">&nbsp;</td>
              </tr>
              <tr>
                <td width="17%" rowspan="20" class="normalfnt">&nbsp;</td>
                <td width="33%" height="11" class="normalfnt">User Name</td>
                 <td><input name="txtUser" type="text" class="txtbox" style="width:148px"  id="txtUser" maxlength=""  tabindex="2"/></td>
              </tr>
              <tr>
               <td height="12" class="normalfnt">Password<span class="compulsoryRed">*</span>                         </td>

                <td>
              <input name="txtPassWord" type="password" class="txtbox" style="width:148px"                              id="txtPassWord" maxlength=""                                                                      tabindex="2"onKeyPress="EnableEnterKeySubmission(event);"/></td>
             
               <td style="text-align:right" rowspan="2"><img src="img/secrecy-icon.png"
width="148" height="103" onclick="SubmitDetails();" /></td>

              </tr>
       
       <tr>
     <td colspan="2" class="normalfnt">&nbsp;<span id="txtHint" style="color:#FF0000"></span></td>
    </tr>
            </table>          
            </td>
            </tr>
               <tr>

        </tr>
         <tr>
          <tr>
          </table>
         </td>
           </tr>
          </table>

No comments:

Post a Comment