Jump to content
xisto Community
gaea

Way To Stop Ff From Resizing Px Based Text? Is there any way to stop firefox from resizing pixel based text?

Recommended Posts

I'm looking for a way to stop firefox from resizing text that I define in px. Is this at all possible, or am I just S.O.L.? The reason why I want this is because I'd like to use links for my nav menu, with a specific background behind it. As such, I don't want the text to be able be enlarged passed the height of the background.If this isn't doable I can always just use images for the nav links...but this site is starting to get pretty image heavy as it is, so i'd like to do it the other way if at all possible.Thanks.

Share this post


Link to post
Share on other sites

I would check this link at wcschools

 

http://forums.xisto.com/no_longer_exists/

 

then try out the different properties and see what you can get. Also instead of px try em you usually get better results then px.

Share this post


Link to post
Share on other sites

Sorry Michael, I don't think you quite understood what I'm asking.I've been using em in most places in my site--but for the navigation menu I want the text to be a fixed size (so it doesn't outgrow the menu background behind it). I was under the impression that px was supposed to be the last fixed width for text still available, but evidently firefox doesn't honor that (weird. It's usually Internet explorer which doesn't honor standards).

Share this post


Link to post
Share on other sites

Oh I think I know what your talking, ie. fluid website when you shrink your browser your website adjust to it? Hmm I don't know anything off the top of my head about making liquid text. Just made a search on google came up with one result close enough and the one post said no unless you javascript of some sorts.

Share this post


Link to post
Share on other sites

...but evidently firefox doesn't honor that (weird. It's usually Internet explorer which doesn't honor standards).


Another prime example of Software giants at war to declare whose the winner... :P

The quick solution is to make your menu out of graphics (pictures) or use flash menu. Since picture width is fixed browser cannot "magnify" the size. Flash is harder to make (but there are many free quick flash menu makers out there) and they both server the same purpose--client side cannot alter the outcome.

Share this post


Link to post
Share on other sites

em's will change with the screen size and the font-size, too, so that won't work any better.What I would try is to set the font attributes in a class and then use the "!important" feature in the css to have the author's css file over-ride the cascade. The only thing which should over-ride this is an "!important" feature on the user's css file. What I don't know is whether the zoom in/out affects the user's css file or not. Might be worth a try.

Share this post


Link to post
Share on other sites

The !important idea sounded good, but it unfortunatly didn't work.I figured out a way to fix my problem though: A set of three <spans>. The top one contains the top piece of the menu graphic. The middle one just employs a simple color background--so it's free to enlarge and shrink with the text. And the third span is for the bottom piece of the graphic.Html and programming puzzles are kinda like mindgames sometimes.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.