Hey all,

I had a question about laying out drop down boxs


http://www.abyss.ws/webdevelopment/css/dropdownlayout.png

they are my drop down boxs

my initial thought was to put them into a <ul> list and layout it out with CSS 
that way with a 

display:inline; and float:left

this did not work - what happened was that the label seemed to align itself 
next to the drop down box and cascade for each box underneath that


Any suggestions as to how i can get the drop down boxs in horizontal alignment 
with the labels ontop of each box?

this only needs to work in firefox as i am waiting until the release of IE 7 to 
test it in that browswer (yes i know the beta is out but i do not want to 
install it) 

Code




<ul id="DropDownCommands">
 <li>
  <label for="cmbAllowAccess">Allow Access</label><br />
  <select id="cmbAllowAccess" name="cmbAllowAccess">
   <option value="NoAction">No Action</option>      
  </select>
 </li>
 <li> 
  <label for="cmbAccountActive">Account Active</label><br />
  <select id="cmbAccountActive" name="cmbAccountActive">
   <option value="NoAction">No Action</option>
  </select>
 </li>
 <li> 
  <label for="cmbAccessLevel">Access Level</label><br />
  <select id="cmbAccessLevel" name="cmbAccessLevel">
   <option value="NoAction" selected="selected">No Action</option>
  </select>
 </li>
 <li> 
  <label for="cmbRankID">Rank</label><br />
  <select id="cmbRankID" name="cmbRankID"  >
   <option value="NoAction">No Action</option>
  </select>
 </li>
 <li> 
  <label for="cmbAwardID">Award</label><br />
  <select id="cmbAwardID" name="cmbAwardID"  >
   <option value="NoAction">No Action</option>
  </select>
 </li>
</ul> 

Thanks...heaps

Abyss
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to