formatting form fields

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

ashkaan57@hotmail.com - 29 Nov 2005 22:35 GMT

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.

Reply to this Message

Beauregard T. Shagnasty - 29 Nov 2005 23:00 GMT

> Hi,
> I am trying to set some style, simeple ones, for some form fields and
[quoted text clipped - 6 lines]
> 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.

Signature

-bts
-Warning: I brake for lawn deer

Reply to this Message

ashkaan57@hotmail.com - 30 Nov 2005 00:08 GMT

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

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

Thanks.

> > Hi,
> > I am trying to set some style, simeple ones, for some form fields and
[quoted text clipped - 28 lines]
>
> No other code is necessary.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / November 2005

formatting form fields