On 17/07/2007 18:18, Rob Cochrane wrote:
> I want the form elements to sit tight against each other (input and
> select) as seen in this example on a site I am building viewed in FF or IE7
> http://www.vehicle-web.net/VW_index.php (click the ok button in change
> language section to set the required session vars as there are bits
> still missing)
>
> I have also posted a test sample
> http://www.vehicle-web.net/testforOpera.html
I think I've fixed it in your test page, at least, which may
help you with your site. See the changed code below. What I've done
is remove the float and clearing from the label, input and select
elements. Instead, I've made the label display as a block. You could
make the input and select display as blocks, too: I don't think it
makes a difference.
Anyway, I hope that is of some help to you.
Amended code:
> <style type="text/css">
> <!--
> .inputpair {
> float: left;
> margin: 0px;
> padding: 0px;
> }
> #mainform {
> width: 620px;
> }
> div.inputpair label {
> display:block;
> margin: 0px;
> padding: 0px;
> }
> div.inputpair input, div.inputpair select {
> margin: 0px;
> padding: 0px;
> }
> -->
> </style>
--
http://antanova.blogspot.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
