Force Text Size

Splinter Freelance · 01-15-2006, 10:40 AM

Is there any way to force the text size so when the browser text size is changed, it will not throw my layout off?

http://splinterfreelance.com

Go to my site. Resize the text and you will see that it distorts the navigation.

Thanks for your help,

Sam

Splinter Freelance · 01-16-2006, 03:04 PM

Will !important work?

Michael Allison · 01-16-2006, 03:30 PM

I just use em, instead of px. It is scalable and will, mostly, work well.

The sites I design are all optimized for FF, IE, Netscape and Opera to run on 800 x 600 or 1024 x 768 and I always use em to pull it off.

Good Luck!

TwiztedFake · 01-16-2006, 10:14 PM

I've always used pt seems to work well, havn't had any problems with it.

Rowan W · 01-17-2006, 04:36 AM

You can't prevent the font size being changed through the browser, it's all about accessibility and user-control. The best way to solve your issue would be to remove some of the wasted space caused by all these :: , and just use a border beside each link, eg:

|Home|About|Portfolio|Services|etc|

You should be able to fit them all in there and increase the font size to 0.9em so people can read it without having to adjust the size on their own.

LeetPCUser · 01-17-2006, 06:26 AM

I would agree I have used em and it works wonders. EM is in CSS. 1 em stands for the standard size, ex. 12pt. Then if you do 1.2em for a text size it will be 120% of 12pt. It is a nice way to scale the text. The only problem is if people adjust the text there is really nothing you can do. I would suggest making the text big enough so people can read it without scaling it.

01-15-2006, 10:40 AM	THREAD STARTER #1 (permalink)
Splinter Freelance NamePros Regular Join Date: Nov 2005 Location: Evergreen, CO USA Posts: 252	Force Text Size Is there any way to force the text size so when the browser text size is changed, it will not throw my layout off? http://splinterfreelance.com Go to my site. Resize the text and you will see that it distorts the navigation. Thanks for your help, Sam __________________ ++ Splinter Freelance Designs ++ {NEW LAYOUT} How To Start a Small Business ;) The Forums Satellite Radio Receivers \| AIMForum.com \| Net Marketing \| Google Talk Forum \| FREE STUFF!

01-16-2006, 03:04 PM	THREAD STARTER #2 (permalink)
Splinter Freelance NamePros Regular Join Date: Nov 2005 Location: Evergreen, CO USA Posts: 252	Will !important work? __________________ ++ Splinter Freelance Designs ++ {NEW LAYOUT} How To Start a Small Business ;) The Forums Satellite Radio Receivers \| AIMForum.com \| Net Marketing \| Google Talk Forum \| FREE STUFF!

01-16-2006, 10:14 PM	#4 (permalink)
TwiztedFake NamePros Regular Join Date: Apr 2004 Location: IL Posts: 348	I've always used pt seems to work well, havn't had any problems with it. __________________ -TwiztedFake- RTard Tutorials Digital-Dummy to Total-Techie

01-17-2006, 04:36 AM	#5 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	You can't prevent the font size being changed through the browser, it's all about accessibility and user-control. The best way to solve your issue would be to remove some of the wasted space caused by all these :: , and just use a border beside each link, eg: \|Home\|About\|Portfolio\|Services\|etc\| You should be able to fit them all in there and increase the font size to 0.9em so people can read it without having to adjust the size on their own. __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD Last edited by Rowan W; 01-17-2006 at 04:43 AM. Reason: spelling mistake

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
**HUGE List of FREE File/Image/Video Hosts!**	thetzfreak	Free Resources	31	02-12-2006 06:06 AM
Why can't I get clicks	majinbuu1023	Google Adsense	43	04-15-2005 09:24 PM
Basic HTML Tutorial	webgear	Webmaster Tutorials	8	04-02-2005 02:20 PM
cannot find script	sickle	Web Design Discussion	5	04-03-2004 06:36 PM

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

01-16-2006, 03:30 PM	#3 (permalink)
Michael Allison New Member Join Date: Jan 2006 Posts: 4	I just use em, instead of px. It is scalable and will, mostly, work well. The sites I design are all optimized for FF, IE, Netscape and Opera to run on 800 x 600 or 1024 x 768 and I always use em to pull it off. Good Luck!

01-17-2006, 06:26 AM	#6 (permalink)
LeetPCUser Account Closed Join Date: May 2005 Location: Whitewater, WI Posts: 3,710	I would agree I have used em and it works wonders. EM is in CSS. 1 em stands for the standard size, ex. 12pt. Then if you do 1.2em for a text size it will be 120% of 12pt. It is a nice way to scale the text. The only problem is if people adjust the text there is really nothing you can do. I would suggest making the text big enough so people can read it without scaling it.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)