html - Vertical Alignment for Fieldset Elements -
after incredible amount of tinkering css, have managed form elements line correctly. unfortunately cannot life of me figure out how fix labels/images being positioned wrong. want them line centered next select boxes, align @ top of , nothing have tried far has worked.
<fieldset style="width:62%; float:left; margin-left: 19%;"> <label style="width: float: left;">type</label> <select style="width:40%; float: left;"> <option>motherboard</option> <option>memory</option> <option>processor</option> </select> <label style="width:auto; float: left;">item</label> <select style="width:40%; float: left;"> <option>motherboard</option> <option>memory</option> <option>processor</option> </select> <a href="#"><img src="images/icn_trash.png" style="width:auto; float: left;"></a> <a href="#"><img src="images/icn_new_article.png" style="width:auto; float: left;"></a> </fieldset><div class="clear"></div>
update
when changing use table instead, appears following...
<div id="inv1" class="inventory" style="margin:0; padding:0;"> <fieldset style="width:62%; float:left; margin-left: 19%;"> <table style="width:100%"> <tr> <td style="width:5%;"><label style="width:auto;">type:</label></td> <td><select style="width:100%;"> <option>motherboard</option> <option>memory</option> <option>processor</option> </select></td> <td style="width:5%;"><label style="width:auto;">item:</label></td> <td><select style="width:100%;"> <option>motherboard</option> <option>memory</option> <option>processor</option> </select></td> <td><a href="#"><img src="images/icn_trash.png" style="width:auto;"></a></td> <td><a href="#" class="btnaddinventory"><img src="images/icn_new_article.png" style="width:auto;"></a></td> </tr> </table> </fieldset><div class="clear"></div> </div>
maybe have css intersects fields styles
Comments
Post a Comment