CSS form styling question

[donpro]

https://testbed.odysseyshipping.com/index.php

Thanks for all your help thus far. Now I'm trying to create a form
using CSS and not tables.

Please click on the "Contact Us" link. I'd like to get all the form
elements (input, textarea) left aligned.

I tried the following code but to no avail:

#formComments input.inputText {
text-align: left;
}

Please help.

Thanks,
Don

[donpro]

Re: CSS form styling question

Correction. Code in use is:

#formComments input textarea{
width:auto;
text-align: left;
}

[Roderik]

Re: CSS form styling question

donpro schreef:

https://testbed.odysseyshipping.com/index.php

>
Thanks for all your help thus far. Now I'm trying to create a form
using CSS and not tables.
>
Please click on the "Contact Us" link. I'd like to get all the form
elements (input, textarea) left aligned.
>
I tried the following code but to no avail:
>
#formComments input.inputText {
text-align: left;
}
>
Please help.
>
Thanks,
Don

You have to apply it to the containing element not to the element itself.
What you defined is to align text *in* that input element to the left.

--

http://www.archytas.nl/

webdesign, internet applicaties, internetgestuur de elektronica

[donpro]

Re: CSS form styling question

You have to apply it to the containing element not to the element itself.

What you defined is to align text *in* that input element to the left.
>
--http://www.archytas.nl/
webdesign, internet applicaties, internetgestuur de elektronica

Thanks!

Now I have a question about background colors. Is it possible to set
the background color of the form like this:

1. The form label column is all one background color
2. The form element (input, textarea) column is all another background
color
3. The row containing the Submit button is a third background color.

Thanks,
Don

[Roderik]

Re: CSS form styling question

donpro schreef:

>You have to apply it to the containing element not to the element itself.
>What you defined is to align text *in* that input element to the left.
>>
>--http://www.archytas.nl/
>webdesign, internet applicaties, internetgestuur de elektronica

>
Thanks!
>
Now I have a question about background colors. Is it possible to set
the background color of the form like this:
>
1. The form label column is all one background color
2. The form element (input, textarea) column is all another background
color
3. The row containing the Submit button is a third background color.
>
Thanks,
Don

That's possible. Although slightly different, A List Apart gives a nice
example on how to design a form (might be a good starting point):

http://www.alistapart.com/articles/practicalcss/

--

http://www.archytas.nl/

webdesign, internet applicaties, internetgestuur de elektronica

[Johannes Koch]

Re: CSS form styling question

donpro schrieb:

Correction. Code in use is:
>
#formComments input textarea{
width:auto;
text-align: left;
}

textarea elements can't be descendants of input elements., at least not
in (X)HTML. So this selector won't select anything.

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)