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.

enter image description here

                <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...

enter image description here

                    <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> 

here image when i'm using html, right?

maybe have css intersects fields styles


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -