gaea
Jan 15 2007, 03:45 AM
| | 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.
|
Reply
Saint_Michael
Jan 15 2007, 03:55 AM
I would check this link at wcschools http://www.w3schools.com/css/pr_font_font-size.aspthen try out the different properties and see what you can get. Also instead of px try em you usually get better results then px.
Reply
gaea
Jan 15 2007, 04:05 AM
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).
Reply
Saint_Michael
Jan 15 2007, 04:10 AM
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.
Reply
BuffaloHELP
Jan 15 2007, 04:30 AM
QUOTE(gaea @ Jan 14 2007, 11:05 PM) 
...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...  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.
Reply
jlhaslip
Jan 15 2007, 04:31 AM
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.
Reply
gaea
Jan 15 2007, 06:34 AM
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.
Reply
Similar Topics
Keywords :
- Any Advice From Experts?
wrapping text around pictures. (3)
Centered Div Layout Issues
Float Right item not vertically aligned with text (2) Hey everyone. I am writing an all div layout for my friends website and i just cant seem to get all
the fields aligned properly. I can get all my images to be aligned and look great until i put any
text on the site. For example, my box that will contain links and such has 3 parts: top, middle and
bottom. Each of these have 3 parts: left, middle and right. To program the 3 parts of each row, i
use 3 divs which are all floated based on their position. However, as soon as I put text in the
middle area, the right image is moved down to a new line. The sample site is located ....
Help With Website Layout Correction For All Browsers
Page gets larger on Firefox 2 (4) If you go to my site at http://boozkerstweaks.trap17.com and you look at the home page everything
is fine on all browsers. Problems start to arise very soon however. Here is my list of problems and
i was wondering if someone could help with just whats wrong. I have done a HTML validator and found
only 3 errors and all these problems still occured. You might find more now though because i am
screwing around with the code. Here is the list of browsers and errors: Netscape 8.1: After you
click on the pulldown menu and click the only tweak avaible at the moment the pag....
Help Aligning My Site Into The Centre In Firefox
site aligns to the centre in ie but not in firefox (5) I'm developing a new layout and so far, in my opinion, everything's going fine except for
one thing. That's the way in which the whole layout is aligned. In IE6, the entire thing aligns
beautifully in the centre whereas in firefox, it aligns leftwards. To get around this so far I'm
using this java script: CODE <script type="text/javascript"> if
(screen.width > 880 && navigator.appName !== "Microsoft Internet
Explorer") { window.resizeTo(880,window.screen.availHeight); }
</....
Firefox Script Problem
(5) Why Firefox can't scripting on below script:- CODE <center><a
href='http://www.yahoo.com'>Yahoo!</a></center> If correct,
the webpage should run "Yahoo!" at the center. When I using Internet Explorer, it run
correctly, but when I using Firefox, the "Yahoo!" will go to the left side. Who know this,
please explain to me and show me the introdution to make "Yahoo!" to center by using Firefox and
Internet Explorer browser.....
Text Problem
(6) Alright well I am having a slight problem with my coding. I made my template and have it up on my
site but my text I placed in the content box is towards the middle. I would like it at the top but
I forget how to do that. I know it has to do with some like putting a table inside the table and
making the height 100% or something. If someone could help me out with the coding I would greatly
appreciate it. The link to my site is Here and the code used for the content box is this...
CODE <td colspan="6" rowspan="3"background="images/cont....
Select All Text In A Form Field On Click
(1) Hi, I have made a script which generates a BBcode when you run it, and displays it in a text field,
like this: CODE <input type="text" name="bbcode" size="81"
value="[IMG]<?php echo $url; ?>[/IMG]"> Well, anyway, I
want something that selects all the text in that form field when you click on it, like it does in
ImageShack when you upload.......
Anchor Tag Compliance Issue?
Firefox is tiny, IE and Opera okay (5) I have a string of anchor tags arranged as a menu bar horizontally on a page. Pretty basic stuff is
included in the css to give some colour and rollover colour change. The page links have been in
place in the Html code and all are tested and confirmed accurate. This topic has to do with the
browser only,( I think). I mention this in case there might be concerns about the anchor tags being
correctly coded. Yes, they are good. So I modified the css to get it looking the way I thought was
correct for the page in terms of placement, Background colour, rollover effect, etc.....
Word Wrap Text In Div.
(14) i use 2 div's for the page layout. One for navigation and one for the contents. html Code:
Original - html Code: CODE <div width="10%" style="position:
absolute; left: 2%;">
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb </div> <div
width="86%" style="position: absolute; left: 14%;"> bbbb </div>
But now the b's wont stay within their div-element. I want lines that doesnt fit on one line
within the divto wrap to the next line. How can i do this?....
Glow Text
need help (2) Hi i Have One Vbulletin Form and i want Glow Users Name in form How can i do this I search in
JavaScripts but i can not find it If You find it tell me thanks then Where Past this code on my form
thanks /blink.gif' border='0' style='vertical-align:middle' alt='blink.gif' /> ....
Add Text In Input-field
(5) this is a picture of my shoutbox: one problem: the links/code for adding one of the smilies to
the message-input-field (text: e.g. /laugh.gif' border='0' style='vertical-align:middle'
alt='laugh.gif' /> , /unsure.gif' border='0' style='vertical-align:middle' alt='unsure.gif' />
,...) are missing. Does someone knows how this can be fixed? -the name of the message-input-field
is "message". thanks in advance! /cool.gif' border='0' style='vertical-align:middle'
alt='cool.gif' /> ....
Layers With Text Appear
(1) When I view this page in a Firefox browser on a Windows operating system, it looks fine, but when I
view it on a friend's Firefox browser on his Linux operating system, the text layers extend
their height downward on the page and overlaps the graphics on the bottom of the page. Is there a
known fix?....
Looking for Way, To, Stop, Ff, From, Resizing, Px, Based, Text?
|
*RANDOM STUFF*
*SIMILAR VIDEOS*
Searching Video's for Way, To, Stop, Ff, From, Resizing, Px, Based, Text?
*MORE FROM TRAP17.COM*
|
advertisement
|
|
