CSS - Making text same on all monitors??

I was looking to make my text on my site www.myhps.com the text as it is but want it to stay the same no matter what size you change the settings/font size to. Any help would be GREAT

THank you

Jeff

You can make text an exact size like so:IMO, when it comes to the web, you should use something a little less exact:But no matter what you do, most browsers allow the user to change the font size based on a percentage of the original/set font size. There's nothing you can do about it.

http://www.w3.org/TR/CSS21/fonts.html

If you want the font to be exactly the same, or as near as possible, define it with pixels (font-size:10px

Point or Named values (font-size:10pt/small) are what most people like to use, but browsers tend to vary the sizes.

there is no way to make the font in a fixed size,
other than to use images, which isn't a very good solution,

a better solution is to use em or %,
if you also use em,ex or % on all elements size,
margins etc. you can make you page scaleable and the page will look alike regardless of the users font-setting,

thanks for the replys.... the thing is I have seen sites where no matter what you do with the settings if you change the size to small large largest medium... the text does not move???

I tested it with Internet Explorer 6:
If you use CSS and define the size of your text by pixel or pt the sze is fixed.
But when I used Firebird the font-size changes no matter what - but as you should optimize your webpage for the usual text size and resolution your customers will use - I guess CSS should be alright - because the user should know what he is doing when increasing the text-size

9800, found a problem on your site. While it's not major, cosmetics are important on the world wide web. your FAQ button is not sized correctly with its rollover. Also, check the file sizes of your images. They take a while to load and I'm on a T1 here at work. Are you preloading them?

Thanks for the advice I did notice that error on the FAQ. I was wondering what tyou mean by the pics cause I have looked on sever computers and loaded fine... so dont know.

I was looking to see how you get the CSS on the page so I can have it all load in the same size no matter what they tell it to load as ha. Any help would be GREAT

Thank you all.

Jeff
wolfpack333@hotmail.com

Nevermind, it seems my connection at work is not all that. I checked it here at home and it worked fine. Here's another threat about CSS. At the bottom there's a post I made with some examples of CSS and how you link pages to them.

http://forums.devshed.com/showthread.php?threadid=78254

Akh said that using images for text is not a good solution. I must humbly disagree.

We are web designers and as much as it is our responsibility to make fast loading, accessible sites, it is also our responsibility to create a rich, visually appealing experience for the user. Sometimes (not all the time) you just have to have that nice, smooth, anti-aliased, properly kerned and leaded piece of type.

This is where CSS can put the 'cherry' on top of the 'sundae'.


There is a method for creating headers and titles and other text elements with images while still providing text (HTML text) to blind users, users with images disabled, and users with old (non CSS compliant) browsers. It is called Fahrner Image Replacement, or the "FIR" method.

Fahrner Image Replacement works like this. In your html code you have:

<h1 id="firHeader"><span>Headline Text</span></h1>

In your CSS you have:

#firHeader {
width: 300px;
height: 50px;
background: #fff url(path/images/firHeader.gif) top left no-repeat;
}
#firHeader span {
display: none;
}

This way most people see your crisp image based text as your headline (it is the background image of your h1 container), and the minority will still see a well formated bit of headline text.

CSS to the rescue.



Homework
-----------------
Dave Shea says much more about it in his article "In Defense of Fahrner Image Replacement" http://www.digital-web.com/features...e_2003-08.shtml

i was talking about replacing all text with images. which isn't a good solution,

using a image in headers etc. is not wrong,

but the solution you came up with is not a good solution,
if i turn off all images in my browser i get no infomation, just a blank space.

if you are going to use image why not use the image tag and the alt attribut?

<h1><img scr="header.gif" alt="The header text" /></h1>

You are right. This is because you have images off and CSS on. Thats a very rare combination though. There is still no way to get around that. Thanks for pointing that out.

However, if someone is browsing with images off then they're not concerned with how your site looks anyway. You could add the title attribute to the h1 tag and I think screen readers will still pick it up. Are there any disabled users out there that can verify this?



Nothing wrong with that at all. But a big advantage of the FIR method is that you can completely separate your content from your presentation. ALL of your "look and feel" can be controlled with your style sheet. Re-designing an entire site would be as easy as swapping style sheets.

Hi thanks for posting for my topic I was looking to make my site im working on have the text not change size just as on this site: www.themayhem.com on the left side it does not change as you chage size from large to small.. stays same. I was looking to see if there was any way you could help??

It would be much appreciated.

Thanks a lot..

Jeff

Maybe you should explain what you mean by "... chage size from large to small". If I go to the link you provided I can change the size of the normal text (and by normal I mean text that is not an image) via Mozilla.