RE: [WSG] controlling font size in form text box
Janelle Clemens wrote: > using em was way to inconsistent cross browser. Janelle, another thing to consider when using ems and % for your font-size is to also apply these units to your layout (header, columns etc.). This way everything will flow just beautifully when resized. You need to get your designer to think outside the box and not be so precious. I've settled many an argument simply by throwing quotes from the Web standards bible at people. At the end of the day, when it comes to making a site accessible, they won't have a leg to stand on... [cringe] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] controlling font size in form text box
Another cool tool, which is free, is Screen Ruler. http://www.spadixbd.com/freetools/jruler.htm It's only limitation IMO is that is can only measure in pixels, inches, picas and centimeters. The developer is the type of guy that would happily add other units however. Especially for the sake of accessibility. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Bennett Sent: Thursday, 22 September 2005 8:07 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] controlling font size in form text box 1. personally that font size is already borderline readable (and I have good vision) any smaller than 9px (some would say 10px) is getting into the squinty-eyes arena. 2. According to my screen callipers, the font size the designer wants is 7px. There's a reason it looks too small at this size - because it is. Your designer might have to just be happy with 9px IMHO. Paul Need to measure things onscreen (to appease designers, for example) then check out this 'Screen Callipers' utility: http://www.iconico.com/caliper/index.aspx (I'm not afflated, just a happy user) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] controlling font size in form text box
Janelle, I'm gonna take a stab in the dark and assume that
the difficulty you've been having is a result of the much-discussed and lightly
documented IE font-size bug.
As stated in previous posts, simply give your html or
body tag a font-size of 100.01% and then use ems (preferably) for any further
definitions.
I usually follow with a few basics
like:
p, li, input { font-size: 80% }
Tabel cells sometimes inherit depending on how the rest of
your stylesheet is set up.
Give it a go. You'll see it works and that it's muc easier
to keep site-wide control.
The other option of fixing a 9pt font is simply a big fat
no-no. :)
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Janelle
ClemensSent: Thursday, 22 September 2005 7:42 AMTo:
wsg@webstandardsgroup.orgSubject: [WSG] controlling font size in form
text box
My designer is on me
to reduce the size of the font in the search box on the templates for our
redesign. But I can not get it to budge without getting too
small. Does anyone know of a trick for this. We
have decided to use a fixed font (px or pt) for the search box text.
Two reasons: 1. to keep it constant when a viewer increases
their browser font, and 2. using em was way to inconsistent cross
browser. The text under the search box is the size my designer
wants it to be.
http://www.sgi.com/tempie/search_font.html
.box {font-size:
9px;}
Thank
you,
Janelle
RE: [WSG] controlling font size in form text box
Ack! I knew the font size was going to bring comments. Personally I
think the font on the whole site is too small but that is not my
decision to make, and believe me I have raised my concerns about it
plenty. Thanks to Peter I was able to fix the problem so I can move on
to the next issue.
:-)
Janelle
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Felix Miata
Sent: Wednesday, September 21, 2005 3:10 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] controlling font size in form text box
Janelle Clemens wrote:
> My designer is on me to reduce the size of the font in the search box
> on the templates for our redesign. But I can not get it to budge
> without getting too small. Does anyone know of a trick for this. We
> have decided to use a fixed font (px or pt) for the search box text.
> Two reasons: 1. to keep it constant when a viewer increases their
Viewers zoom their fonts so that they can see things that designers make
too small.
> browser font, and 2. using em was way to inconsistent cross browser.
As indeed it should be. Ems are designed to accomodate users' needs, and
so will vary in ultimate size depending on user settings. When you
design to take this into account, everybody wins.
> The text under the search box is the size my designer wants it to be.
> http://www.sgi.com/tempie/search_font.html
> .box {font-size: 9px;}
Both are already much much much too small for me to tell any difference
between them. The latter @ 10px is 1/4 the size of my default, totally
useless if I'm stuck using IE. You should set up a system for high
resolution and show "my designer" what 10px can mean to accessibility.
--
"Cast your cares on the Lord and He will sustain you."
Psalm 55:22 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] controlling font size in form text box
Thank you Peter. You are right. It is exactly the same as the text
below.
:-)
Janelle
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Peter Asquith
Sent: Wednesday, September 21, 2005 3:09 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] controlling font size in form text box
Hi Janelle
If you set the font-family on the .box to verdana it then renders the
same as your example below. Looks like the text input field is picking
up the default sans-serif(?)
Cheers
Peter
Janelle Clemens wrote:
> My designer is on me to reduce the size of the font in the search box
on
> the templates for our redesign. But I can not get it to budge
without
> getting too small.Does anyone know of a trick for this. We have
> decided to use a fixed font (px or pt) for the search box text. Two
> reasons: 1. to keep it constant when a viewer increases their
browser
> font, and 2. using em was way to inconsistent cross browser.The
text
> under the search box is the size my designer wants it to be.
>
> http://www.sgi.com/tempie/search_font.html
>
> .box {font-size: 9px;}
>
> Thank you,
> Janelle
>
--
Peter Asquith
http://www.wasabicube.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] controlling font size in form text box
Janelle Clemens wrote:
> My designer is on me to reduce the size of the font in the search box
> on the templates for our redesign. But I can not get it to budge
> without getting too small. Does anyone know of a trick for this. We
> have decided to use a fixed font (px or pt) for the search box text.
> Two reasons: 1. to keep it constant when a viewer increases their
Viewers zoom their fonts so that they can see things that designers make
too small.
> browser font, and 2. using em was way to inconsistent cross browser.
As indeed it should be. Ems are designed to accomodate users' needs, and
so will vary in ultimate size depending on user settings. When you
design to take this into account, everybody wins.
> The text under the search box is the size my designer wants it to be.
> http://www.sgi.com/tempie/search_font.html
> .box {font-size: 9px;}
Both are already much much much too small for me to tell any difference
between them. The latter @ 10px is 1/4 the size of my default, totally
useless if I'm stuck using IE. You should set up a system for high
resolution and show "my designer" what 10px can mean to accessibility.
--
"Cast your cares on the Lord and He will sustain you."
Psalm 55:22 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] controlling font size in form text box
Hi Janelle
If you set the font-family on the .box to verdana it then renders the
same as your example below. Looks like the text input field is picking
up the default sans-serif(?)
Cheers
Peter
Janelle Clemens wrote:
My designer is on me to reduce the size of the font in the search box on
the templates for our redesign. But I can not get it to budge without
getting too small.Does anyone know of a trick for this. We have
decided to use a fixed font (px or pt) for the search box text. Two
reasons: 1. to keep it constant when a viewer increases their browser
font, and 2. using em was way to inconsistent cross browser.The text
under the search box is the size my designer wants it to be.
http://www.sgi.com/tempie/search_font.html
.box {font-size: 9px;}
Thank you,
Janelle
--
Peter Asquith
http://www.wasabicube.com
smime.p7s
Description: S/MIME Cryptographic Signature
RE: [WSG] controlling font size in form text box
1. personally that font size is already borderline readable (and I have good vision) any smaller than 9px (some would say 10px) is getting into the squinty-eyes arena. 2. According to my screen callipers, the font size the designer wants is 7px. There's a reason it looks too small at this size - because it is. Your designer might have to just be happy with 9px IMHO. Paul Need to measure things onscreen (to appease designers, for example) then check out this 'Screen Callipers' utility: http://www.iconico.com/caliper/index.aspx (I'm not afflated, just a happy user) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
