Hello everyone!
I have been working on my first website using Drupal and it has been going fairly well. I installed Webform to the site under the menu item 'search MLS' . I know enough about CSS to get myself in trouble and not enough to fix my mistakes. The website in question is:
http://www.hughsells.com/?q=search-mls
The checkboxes at the top are fine but the select boxes I want ordered to the left may three per line, or whatever looks best. The text and email fields are ok and of course I want the submit button at the bottom. For the life of me I can not get 'House or Condo' to move anymore left than it is. I have a sneaking suspicion it has to do with the checkboxes above it but I'm not sure. Here is the code - don't laugh!
/**
* Front-end styling for the display of webforms.
*/
.form-checkboxes .form-item {
float: left;
width: 25%
}
.form-item label.option {
display: inline;
text-transform:none;
color:#663300;
font-weight:bold
}
#webform-component-type {
float:left;
padding-right:1px;
padding-top: 30px;
}
#webform-component-minbed {
display:block;
clear:inherit;
float:left;
padding-right:90px;
padding-top:30px;
}
#webform-component-minbath {
display:block;
float:left;
padding-right:80px;
padding-top:30px;
}
#webform-component-age {
display:block;
float:left;
padding-right:70px;
padding-top:30px;