Forum Moderators: open

Message Too Old, No Replies

Forcing Text Size

how do I

         

Lunatic Lineman

11:06 pm on Mar 14, 2004 (gmt 0)

10+ Year Member



how can force text on my website. this is a .jpg image that shows the problem when users have their text size set above Meduim on their browser.

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

This 2 screenshots fused together, NOTE the broken Navigation Bar

Thanks, Luni

[edited by: tedster at 10:29 pm (utc) on Mar. 16, 2004]

Birdman

11:15 pm on Mar 14, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can absolutely force the text size by making the text images. You can force it on most browsers by setting the font-size explicitly using CSS and the!important rule.

.text{font-size: 12px!important}

<somehtmltag class="text">Some text</somehtmltag>

Jon_King

11:19 pm on Mar 14, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Yes Lunatic Lineman, I remember when I started using CSS a couple of years ago... thought I died and went to heaven. Complete control over text size and those pesky screen resolution and browser font size problems disappeared... poof!

Lunatic Lineman

11:49 pm on Mar 14, 2004 (gmt 0)

10+ Year Member



Qoute ".text{font-size: 12px!important} "

Enlighten me please, Since my website has no CSS can I change the text universally like I think I can? and do I need to Highlight the text I want incorporated into the CSS

Lunatic Lineman

1:21 am on Mar 15, 2004 (gmt 0)

10+ Year Member



or is there a tutorial on CSS and Text usage that anyone know's of

Luni

choster

3:40 pm on Mar 15, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Actually, I think using pixels will only prevent resizing in Internet Explorer. You can still resize pixel-denominated text in Opera and Gecko-based browsers.

LL, check out the purl=http://www.webmasterworld.com/library.cgi?viewforum=83]CSS Forum Library[/url] for many threads that may interest you.

mattr555

8:27 am on Mar 16, 2004 (gmt 0)

10+ Year Member



The text should be able to be resized. I have a 21" monitor and always surf with my text size on at least "larger". Setting px measurements in the style sheet will only prevent IE from being able to resize your site. Opera and Mozilla based browsers will still resize it.

It looks as though your problem is casued by using a table based layout and image slicing. If you adapted the layout so that your nav links are css styled hyperlinks, the navbar would resize with the rest of the content and be usable on any size screen.