Browser text size!!!

Hey guys,

i just stumbled onto some problems, see if u go to view- text size, on ur browser window u get diff. sizes to view the text on the browser. is there a way to control this so that when people look at my website this doesnt affect it, or is this something i cant control??

Thanks guys!!

[komik]

If I remember correctly. Cascading Style sheets override this. And the style sheet take precedence over what the user selects. This is suppose to force a specific sizes.

But I am not entirely sure, if someone else could confirm....

[alphadesk]

Well,

I just did a little check. I have style sheet code on all pages and it still changed. Maybe somone with a linked style sheet can check and see if it overides.

guys, as soon as u guys r able to figure this out for me, im thinking ur going to have to help me out with all this cascading style sheets and style sheets and all these things bc the truth is i really have no idea what u guys are talking about. i mean i've seen these things in dreamweaver but i dont know how to use them. and im hoping these style sheet things can be done to an already developed website.... if u remember http://www.theclubdirectory.com has a lot of info that this text size problem can affect. and there are already like 60 pages so it would take some time if i have to be deleting stuff...i really dont know, u guys can tell me how i go about to doing this.

thanks for the help once again

[Jess]

The order of the "cascade" in CSS is:
1. Inline
2. Embedded
3. Linked

But anyone's browser can override the CSS if the user sets their
own fonts and text size in the preferences.

[komik]

I tried the same thing and noticed that some of mine changed and some did not. The text between the span tags did not change and those outside of the span tags did.... This may be a way around this...not sure ...will test

[Ddr]

I was only half seriously making this suggestion, but it does have some merit.

You could use javascript to open window(s) that dont have a toolbar in them, then someone couldn't click on View/Text Sizing anymore.

Just a thought

Dale

[bettyfordclinic]

Check out the source code of this page:
http://www.fantasyjackpalance.com/fj...nth/index.html

It uses CSS to specify an exact text size, but instead of using the normal size units, it uses PIXELS as the size unit (12px in this case). This means that the text will always be exactly the same size in any browser (unless I've been severely mislead).

The flip side is that the text doesn't print out as smoothly as if it were the normal method, but you might not care about this. My pages are never printed so it's cool with me.....

Otherwise, you may need different CSS sheets for different browsers.

bfc


here's the css code isolated. It's 12pixels, whiter, and the font's arial. This also covers link decorations:
<style media="screen" type="text/css"><!--
p { color: #cccccc; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, "Times New Roman", Georgia, Times }
body { color: #cccccc; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td { color: #cccccc; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a:link { color: #b7b7b7 }
a:visited { color: #b7b7b7 }
a:hover { color: #cacaca }
--></style>

where would i put that code/script? and would i insert it just as u have it right there except for color changes? we can use this page for example http://www.theclubdirectory.com/club rio home page.htm .

thats a bad link ur going to have to type it in....i know i put spaces in the file name, my bad

[bettyfordclinic]

Here you go.

There was actually already a CSS script way down the bottom of the code that specified a bunch of custom scrollbars and stuff. I moved it up into the header and added in the size, which is at 14px, but can be changed to whatever you want. Sometimes you won't see the change until you check it in your browser. Set it to 30px and watch it jump!!! Fonts can be set in either the script or the old way, but setting the font (or font size) on the page over-rides the script. You've got two differrent fonts (eurostile???) so I've left it with just the size. I've put in comments so you can't miss the script. you'll see all the extra stuff that was already there after the size.

http://www.fantasyjackpalance.com/fjp/test/club4.html

If you want to mess around more with CSS, use a doc with less stuff going on. I can supply one if you like. There was a lot of distracting code in your page which made it harder to make out (frontpage I think???)

bfc

Bfc, i see where u relocated the script for the scroll bar and almost the whole thing is diff. i also see that it works bc i try to change the font size in view and it wont change it, but im not sure what to do to each and every page so they do the same as this one. i tried comparing and there r a lot of differences but just dont know where to start..i could probably move the scroll bar script up to the top where u put it but thats about it.

lol i am lost. i hope u can help me out, and in case u didnt notice already i dont know much about scripts

Thanks for ur help, i look forward to your response

IT WORKED!!!! thank you very much bfc!!

there is one thing this didnt affect though....... the "powered by" down in the bottom. why is this?

everything else works great!

[Ddr]

I really have enjoyed this thread and learned a lot myself. Thanks people

if u take a look at this page http://www.theclubdirectory.com/camachos page.htm
u will see that the font size change doesnt affect the body text but it does affect the "powered by:" in the bottom. it also affects other text for example in this page... http://www.theclubdirectory.com/alternative.htm
it affects the word "pasadena".

is there a way to apply the style sheet to the specific layers/text like pasadena??

thanks

[bettyfordclinic]

Text formatting and colour on the page overrides the css. For the css to take effectm there must be NO text size.

The Powered bit is formatted, thus overriding the CSS. Here's the code as it's on the page:
<font color="#FFFFFF" size="2"><font face="hooge 05_57">POWERED
BY</font>

I'll post a bigger explanation of CSS with more examples soon. Thought I might just copy it from the GoLive manual!!! Hopefully later on today. CSS is very, very useful.

bfc

[bettyfordclinic]

OK.

I typed up a thing explaining it all in even more detail. have a nice look:
http://www.fantasyjackpalance.com/fj...kes-css-1.html

bfc

hey great!!! it worked. uve been very helpful bfc. that page u posted was very helpful.

thanks, i learned a lot

[bettyfordclinic]

Cool !!!

Have fun,

bfc

If i put a font on my site but the person that enters the site doesnt have the font....will they still be able to see it? if not is there a script out there somewhere that would alow them to see my font even if they dont have it?

Thanks

i have another question about browser text sizes....

howcome the style of the text sizes wont work in tables. for example in the table where i have the contact form fields, i have the name for each field ("name, email address, etc") take a look at the page so u can see what im talking about, changes the text size on your browser to see what i mean. http://www.pcdsigns.com/contact.htm

i would like to know how to make the script affect it.

thanks

[bettyfordclinic]

----------Fonts------------------------------------------------------------

If they don't have your font there's no real easy way around it. Simply arranbge your CSS with the fonts in order of preference and their system will use the next font in the list ("Superhighway, Arial, Times" = no superhighway their system will use arial, no arial their system will use times).

----------Tables and Forms---------------------------------------------

Check out the CSS script in the header of this page:
http://www.fantasyjackpalance.com/fj...amaha-cs5.html

So all you do is use "tr" and "td" like you would have used "H1" or "body". The text in the tables will then comply.

For CSS in forms (a different kettle of fish) here's what you can do. Create a new class (let's just call it "t1" for now, and it looks something like this:
.t1 { color: #000; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

Then you just lay out your form (notice the CLASS bit):
<form name="mainForm">
<center>
<input type="text" CLASS="t1" name="mainTextScroller" size="65"></center>
</form>

And that should take care of funny looking text in forms!!!

bfc