Formatting Forms

[abasel]

Using the great books offered by sitepoint :-) I formatted the following form:

http://internetlinked.com/internetlinked/quote.php

In IE7 the checkboxes are formatted correctly (ie. the background colour sits properly) but not FF 2

In IE 7 the text boxes all have the scoller bar showing, even when not needed.

How do I correct these two issues?

[abasel]

Ok I fixed the scoller issue... it's just the background box for the checkboxes :-)

[Paul O'B]

Hi,

You could try floating the altfield so it isn't an inline element anymore.

.altfield {
    color: #FFFFFF;
    background-color: #B15C5B;
    border: 1px inset #333333;
float:left
}

You may need to offer separate code for IE because IE incorrectly encloses the check box by default. Float may work for both but I haven't checked.

Alternatively playing with the padding should suit firefox.

.altfield {
    color: #FFFFFF;
    background-color: #B15C5B;
    border: 1px inset #333333;
padding:7px 2px 1px 0;
}

[abasel]

I used the padding option and it worked :-)

Thanks