How to maintain these html table input with proper alignment & margin consistent
<p>i inserted some inputs with labels in html table.But their alignments & margin arr Not consistent.image given below: <a href="http://ift.tt/1mjgsKX" rel="nofollow"><img src="http://ift.tt/1mjgsKX" alt="enter image description here" /></a></p><p>I saw some manual solution like using padding & margins for each inputs.But is there any easy way to do that. here is the source code: Updates Month tag still not in same size.</p><div class="snippet" data-lang="js" data-hide="false"><div class="snippet-code"><pre class="snippet-code-html lang-html prettyprint-override"><br /><code><!DOCTYPE html><br /><html><br /> <head><br /> <style><br /> table, th, td {<br /> border: 1px solid black;<br /> border-collapse: collapse;<br /> }<br /> </style><br /> </head><br /> <body><br /> <table style=""><br /><tr><br /> <th colspan="2">Salary Entry</th> <br /> </tr><br /> <tr><br /> <td><br /><br /> Month: </td><td> <select name="SALMT" id="month" onchange="" size="1"><br /> <option value="" disabled selected>Month</option><br /> <option value="01">January</option><br /> <option value="02">February</option><br /> <option value="03">March</option><br /> <option value="04">April</option><br /> <option value="05">May</option><br /> <option value="06">June</option><br /> <option value="07">July</option><br /> <option value="08">August</option><br /> <option value="09">September</option><br /> <option value="10">October</option><br /> <option value="11">November</option><br /> <option value="12">December</option><br /> </select> <br /><br /> </td><br /> <td><br /><br /> Year:</td><td> <input type="text" name="SALYR" value=""><br /> </td> <br /><br /> </tr><br /><br /> <tr><br /> <td><br /> Employee ID:</td><td> <input type="text" name="EMPID" value=""><br /> </td><br /> <td><br /> Name: </td><td><input type="text" name="name" value=""> <br /> </td> <br /><br /> </tr><br /><br /> <tr><br /> <td><br /> Department Code:</td><td> <input type="text" name="DPTID" value=""><br /> </td><br /> <td><br /> Designation: </td><td><input type="text" name="designation" value=""> <br /> </td> <br /><br /> </tr><br /><br /></table><br /><br /></body><br /></html></code><br /></pre></div></div><p>please let me know for any information.thanks.</p><br /><h2>Click here view more answers <a href="%20http://stackoverflow.com/questions/34470268/how-to-maintain-these-html-table-input-with-proper-alignment-margin-consistent">http://ift.tt/1Oesz6S</a></h2>
Nhận xét
Đăng nhận xét