Locking the size of the text in a html page to exact px size

4viggo · Post by **4viggo** » Mon Sep 22, 2003 1:44 pm

Is it possible to lock the size of text in a browser window so the user can't change it using the text size option of the browser

The same way you can lock the size of the text in the menu using px

Hergio · Post by **Hergio** » Mon Sep 22, 2003 2:31 pm

Yup, using CSS (cascading style sheets). If you dont know what they are or how to use them, google the term and you will get alot of tutorials and examples. Then once you know how to use them, in the head of your document, you could do something like.

Code: Select all

<STYLE type="text/css">
body{
  font-size: 12px;
}

table{
  font-size:  10px;
}
</STYLE>

This would force all the text in your page to be 12px, no matter what....unless you override it somewhere. Thats why its called cascading style sheets, because things take a style from parent objects but styles closer to the object get presidence. The above example shows this...it would make sure everything is 12px big in the body (everything on the page), but the table tag overrides it so the text in your tables would be slightly smaller. This allows you to lock in different sizes for different situations.

Post by **Andy** » Mon Sep 22, 2003 3:59 pm

Also, you can specify pixel values for fonts in the menu style.

We use fontsize="75%" so that the menu will change but you can use fontsize="12px" if you like.

Cheers
Andy

4viggo · Post by **4viggo** » Mon Sep 22, 2003 6:52 pm

Thanks a lot, i will have to dig into style cheets then. I've been trying to avoid them as long as i could, but now i'm googling away

Hergio · Post by **Hergio** » Mon Sep 22, 2003 8:17 pm

Believe me, you dont want to avoid them. They are one of the most powerful ways to style and customize your site, as well as the most dynamic and flexible. You will be very glad you know how to use them when you do.