Hi Thierry.
I'm sorry, the '#' was a typo. I was using 'form' not #form' :-)
The overflow and zoom put the backgrounds and boxes in their correct places,
but the input {float:left} makes no difference. Those fields just stay stuck
together and won't align.
I have now made it work, but it's dirty. At least it validates. With use of
<h3>s and <br />s in the HTML it lines up as it should, but I'm sure this
should be possible with CSS alone (apart from the <h3>s which are styled
anyway) not using <br />s which implies that if someone else was writing the
HTML, they would be doing the formatting, which the CSS ought to be doing.
I've uploaded the code again if you fancy looking and are not getting too bored
with it. :-)
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
----- Original Message -----
From: Thierry Koblentz
To: 'Alan K Baker' ; 'css-d'
Sent: Wednesday, August 13, 2008 2:44 AM
Subject: RE: [css-d] Forms
> -----Original Message-----
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Alan K Baker
> Sent: Tuesday, August 12, 2008 6:10 PM
> To: css-d
> Subject: Re: [css-d] Forms
>
> Hi Thierry.
>
> I set a float on #form input but it makes no difference.
If it didn't make any difference it is because you're using #form instead of
form (your form has no ID).
Adding the rules below to your CSS file should fix everything:
form {
overflow:hidden;
zoom:1;
}
input {float:left;}
--
Regards,
Thierry | http://www.TJKDesign.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/