473,544 Members | 2,037 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 20657
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)johnbok ma.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.stylesh eets 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.stylesh eets 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
16667
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, then a generic element's font will do OK, too. What's the correct way to do this, please (so that it will also work for IE 6)? The motivation for...
0
2936
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 has a really small font by comparision to the display font in the forum, and I wanted to at least have the same size if possible. After some...
7
8935
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 then change the label in front of the textbox or dropdown list to red... is this possible with asp.net? It seems you can only put a...
16
2436
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 precisely that b/c it's for an audience that some users maybe be visually-impaired.. but I can't get it to work right, problem is that font sizes...
9
4511
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 inside of <INPUTtags. My question is, is there a way in HTML or StyleSheet language to say something like this: <h4>Here are some values - some are...
18
24936
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, that IE7 does not seem to offer any way to control the font size of a text input element.
3
21027
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 have an onclick() event on the buttons. But, I am not sure where to put the javascript function that will change the stylesheet accordingly and how to...
17
2236
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( $fname, "rb" ); $buf = fread( $handle, filesize( $fname )); fclose( $handle ); $len = strlen( $buf );
3
5611
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 database is used to print name tags for functions, and it would be nice for the operator to have a choice of different fonts, colours and backgrounds. I...
0
7437
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7373
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7781
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7389
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
5928
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5306
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
3427
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
1
1848
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
993
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.