Does anyone know how to make input fields smaller, using a smaller
font? I want to know how to make my textboxes and such like the ones
at http://www.gracenote.com/music/ , but reading teh code reveals they
used a stylesheet to do this, and the stylesheet is not within the
public_html directory tree. Does anyone know how to do that in CSS or
HTML?

Again, it's the style at http://www.gracenote.com/music/ .

Liam Gibbs wrote:
[color=blue]
> Does anyone know how to make input fields smaller, using a smaller
> font? I want to know how to make my textboxes and such like the ones
> at http://www.gracenote.com/music/ , but reading teh code reveals they
> used a stylesheet to do this, and the stylesheet is not within the
> public_html directory tree. Does anyone know how to do that in CSS or
> HTML?[/color]

AFAIK if your browser can read the style sheet, you can.

John

--
email: mail(at)johnbokma.com (or reply) home: http://johnbokma.com/
Web site hints: http://johnbokma.com/websitedesign/ ~ ICQ 218175426

liam_nospam_gibbs@yahoo.com (Liam Gibbs) writes:[color=blue]
> Does anyone know how to make input fields smaller, using a smaller
> font? I want to know how to make my textboxes and such like the ones
> at http://www.gracenote.com/music/ , but reading teh code reveals they
> used a stylesheet to do this, and the stylesheet is not within the
> public_html directory tree.[/color]

Um, yes it is, or how could your browser read it:
http://www.gracenote.com/style/ie.css
http://www.gracenote.com/style/ns.css
http://www.gracenote.com/style/mac.css
[color=blue]
> Does anyone know how to do that in CSS or
> HTML?[/color]

input { font-size: 90%; }

This had better be for a user stylesheet, because it's an extremely
bad idea for an author stylesheet.

--
Chris

liam_nospam_gibbs@yahoo.com (Liam Gibbs) wrote:
[color=blue]
> Does anyone know how to make input fields smaller, using a smaller
> font?[/color]

In HTML, you could try <small>...</small> or <font size="2">...</font>
around them. Browsers mostly ignore that, but that's what you can try
in HTML. The rest is not HTML, hence off-topic here.
[color=blue]
> I want to know how to make my textboxes and such like the
> ones at http://www.gracenote.com/music/[/color]

You really do? That is, you would like to make the text size 11 pixels
even if such a size is completely unreadable to the user? Why? If your
design requires that, then the design is the problem.
[color=blue]
> but reading teh code
> reveals they used a stylesheet to do this, and the stylesheet is
> not within the public_html directory tree.[/color]

Whether they have anything like public_html is both invisible and
irrelevant to use.

The style sheets are accessible as Web resources, with URLs, but I'm
afraid that if told you how, I would also have to... tell you
that they're all wrong and should _not_ be used as examples.
(Look at the HTML source. Pick up the URL of the JavaScript code for
loading a style sheet - they use childish client-side "browser
sniffing". Use a browser that lets you access that URL without
executing the JavaScript code - Lynx will do fine, for one - and look
at the code, and pick up the style sheet you are interested in, like
http://www.gracenote.com/style/ie.css )

Text input size should _not_ be reduced. What might make a lot sense is
input { font-size: 100%; }
in a style sheet, since several browsers use a smaller font for input
elements than for copy text.

Surely the font size selected by the user for normal reading is best
for text input too - if some adjustment is needed, it should be in the
direction of making input text _bigger_ (since it's important to the
user and must be very legible, down to checking it in detail before
submitting).

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

<<Um, yes it is, or how could your browser read it:>>

True enough. Must have been on crack.

<<In HTML, you could try <small>...</small> or <font
size="2">...</font> around them. Browsers mostly ignore that, but
that's what you can try in HTML. The rest is not HTML, hence off-topic
here.>>

No, I'm not looking to use the FONT tag with this, since FONT is
deprecated.

<<You really do? That is, you would like to make the text size 11
pixels even if such a size is completely unreadable to the user? Why?
If your design requires that, then the design is the problem.>>

No, I don't want to specify the font size in pixels, but in
percentage. I know specifying in font size is a bad idea because it
disallows resizing. I just want to know how to make the textboxes and
such smaller by percentage.

I'm not being paid, nor making money on something like this. There is
no client taking a look at it, but I'd like to experiment and play
around. I'm not worried at this point about accessibility and such.

liam_nospam_gibbs@yahoo.com (Liam Gibbs) wrote:
[color=blue]
> I just want to know how to make the textboxes and
> such smaller by percentage.[/color]

You mean even smaller than by default?
[color=blue]
> I'm not worried at this point about accessibility and such.[/color]

I am; hence I'm not over-enthusiastic to tell you how to do what should
not be done, but I'll still point out that since CSS is the only
feasible way, the discussion would belong to c.i.w.a.stylesheets and
not here.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

> > I just want to know how to make the textboxes and[color=blue][color=green]
> > such smaller by percentage.[/color]
>
> You mean even smaller than by default?
>[color=green]
> > I'm not worried at this point about accessibility and such.[/color]
>
> I am; hence I'm not over-enthusiastic to tell you how to do what should
> not be done, but I'll still point out that since CSS is the only
> feasible way, the discussion would belong to c.i.w.a.stylesheets and
> not here.[/color]

Ah. Now I see. The stupid things don't scale properly as I thought
they would. At any rate, what's the problem with a little harmless
teaching? I *am* smart enough not to put bad design on a corporate
site. Anyway, I'm going to move this on over to the CSS group as
suggested. Thx.