473,387 Members | 1,790 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Controling font size in input fields

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/ .
Jul 20 '05 #1
6 20650
Liam Gibbs wrote:
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?


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

Jul 20 '05 #2
li***************@yahoo.com (Liam Gibbs) writes:
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.
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
Does anyone know how to do that in CSS or
HTML?


input { font-size: 90%; }

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

--
Chris
Jul 20 '05 #3
li***************@yahoo.com (Liam Gibbs) wrote:
Does anyone know how to make input fields smaller, using a smaller
font?
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.
I want to know how to make my textboxes and such like the
ones at http://www.gracenote.com/music/
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.
but reading teh code
reveals they used a stylesheet to do this, and the stylesheet is
not within the public_html directory tree.


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

Jul 20 '05 #4
<<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.
Jul 20 '05 #5
li***************@yahoo.com (Liam Gibbs) wrote:
I just want to know how to make the textboxes and
such smaller by percentage.
You mean even smaller than by default?
I'm not worried at this point about accessibility and such.


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

Jul 20 '05 #6
> > I just want to know how to make the textboxes and
such smaller by percentage.


You mean even smaller than by default?
I'm not worried at this point about accessibility and such.


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.


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.
Jul 20 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Csaba Gabor | last post by:
What I'd like to do is to be able to set the font of a textarea element to the same font that another element is using (say, for example, an <INPUT type=text ...> element, but if that's a no go,...
0
by: Paul D. Sullivan | last post by:
I've been trying to find out how to increase the font size in the text entry fields in Invision Power Board 1.3 for a while. The part where you enter your post and do the quick reply and all that...
7
by: Ed West | last post by:
Hello, I have a simple form with some input boxes. After validation if one fails, then I would like to at the top of the page say something like "The following fields in red are required" and...
16
by: maya | last post by:
I have heard so much preaching here about how font sizes should be set as percentages so users can change font-sizes on their browsers... ok, so now at work am working on a site where we need to do...
9
by: MadingS | last post by:
Is there an HTML (or CSS) way to say "use the user's INPUT font, whatever that might be."? Most browsers have the ability for the user to pick his or her own preference for what font to use...
18
by: Diogenes | last post by:
Hi All; I, like others, have been frustrated with designing forms that look and flow the same in both IE and Firefox. They simply did not scale the same. I have discovered, to my chagrin,...
3
by: jnag | last post by:
Hello, I have a website with various font options (small to large) buttons that the user can click on the banner, which runs through the site. Site contains both static and dynamic content. I...
17
by: teser3 | last post by:
I can put out a Word Doc from PHP but if I try and manipulate the font size in the PHP part it outputs a blank Word Document. Here is what I have: <?php $fname="report.doc"; $handle = fopen(...
3
by: Phil Stanton | last post by:
Correct me if I'm wrong, but is it impossible to change the font in a report field when in print preview (MDE database) or can it only be done in design view in the MDB database. Part of my...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.