Monday, August 4, 2014

table th td css And Fieldset Legend

<style>
.txtAlign1{
text-align:right;
}

table th,table td{
padding:2px;
}
</style>



OR



<style>
.txtAlign1{
text-align:right;
}

.table th,table td{
padding:2px;
}
</style>


##############################


Table Border Radious :
<table cellpadding="8px" cellspacing="8px" align="center" style="border: 2px solid; border-color:#009999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">
    <tr align="center">
        <td><input type="button" class="styled-button-2" value="Save" onClick="saveCostCenter('centerName','posting','centerNo','parentCenter','deptName','activeS')"> </td>
        <td><input type="button" class="styled-button-2" value="Update"></td>       
        <td><input type="button" class="styled-button-2" value="Clear" onClick="refreshCostCenter()"></td>
    </tr>
    </table>






Legend Border Radious:
    <div style="float:left; width:100%; height:auto;">
    <fieldset style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">    <legend>Account Info:</legend>
    <table cellpadding="1px" cellspacing="1px" align="center" width="80%">
   
    <tr align="left">
        <td width="44%">Parent Account:</td>
        <td width="52%">
        <select name="parentAcc" id="parentAcc" class="dropdown">
        <option value="">Select One</option>
        <s:iterator  value="parentAccountList" status="status">
         <option value="<s:property value='auto_ac_no'/>">  <s:property value='ud_ac_name'/></option>
        </s:iterator>
        </select>
        </td>
        <td width="4%"></td>
    </tr>
    <tr align="left">
        <td>Account Code :</td><td><input type="text" name="accCode" id="accCode" class="input_text"></input> </td><td></td>
    </tr>
    <tr align="left">
        <td>Account Name :</td><td><input type="text" name="accName" id="accName" class="input_text"></input> </td><td></td>
    </tr>
    </table>
    </fieldset>
</div>



Div Radious :
    <div style="float: left;width: 100%; background-color:#5D99A4; font-size: 20px; border: 2px solid; border-color:transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">Charts of Accounts Entry</div>

No comments:

Post a Comment