formatting form fields

#1

Hi,
I am trying to set some style, simeple ones, for some form fields and I
don;t seem to get it working.

in css file:

..FormField {
font-size:x-small; font-family: Verdana, Arial, Helvetica,
sans-serif;
}

in the form:

<td><input class="FormField" maxlength="75" value="" name="phone"></td>

I tried:
<td class "FormField"><input maxlength="75" value="" name="phone"></td>

TIA.

#2

ashkaan57 (AT) hotmail (DOT) com wrote:

Quote:

Hi,
I am trying to set some style, simeple ones, for some form fields and
I don;t seem to get it working.

in css file:

.FormField {
font-size:x-small; font-family: Verdana, Arial, Helvetica,
sans-serif;
}

Drop that, and use the following:

input { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

But use the font-family only if you want it different than the family
assigned to the <body> element.

x-small is way smaller than I can read. Set it to 100%, and dump the
Verdana from your site.
http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

If it looks too large in *your* browser, set your own defaults to
something smaller; don't penalize your visitors.

Quote:

in the form:

td><input class="FormField" maxlength="75" value="" name="phone"></td

<td><input maxlength="75" value="" name="phone"></td>

No other code is necessary.

--
-bts
-Warning: I brake for lawn deer

#3

Thank you for the reply.
Can I do the same for dropdowns, listboxes, ...?
Do I have to set:

select {font-size:100%; ...}

Thanks.

Beauregard T. Shagnasty wrote:

Quote:

ashkaan57 (AT) hotmail (DOT) com wrote:

Hi,
I am trying to set some style, simeple ones, for some form fields and
I don;t seem to get it working.

in css file:

.FormField {
font-size:x-small; font-family: Verdana, Arial, Helvetica,
sans-serif;
}

Drop that, and use the following:

input { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

But use the font-family only if you want it different than the family
assigned to the <body> element.

x-small is way smaller than I can read. Set it to 100%, and dump the
Verdana from your site.
http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

If it looks too large in *your* browser, set your own defaults to
something smaller; don't penalize your visitors.

in the form:

td><input class="FormField" maxlength="75" value="" name="phone"></td

td><input maxlength="75" value="" name="phone"></td

No other code is necessary.

--
-bts
-Warning: I brake for lawn deer

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

formatting form fields

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)

formatting form fields - 11-29-2005 , 05:35 PM

Re: formatting form fields - 11-29-2005 , 06:00 PM

Re: formatting form fields - 11-29-2005 , 07:08 PM