External Style sheets

  • Thread starter Thread starter Barry
  • Start date Start date
B

Barry

I've been using a number of external style sheets to control the font and a
couple other HTML settings. I have a number of people creating web pages with
reference to these style sheets and they're getting confused and frustrated with
their ability to adjust font sizes. If I set a specific limit, FrontPage still
has selections from the toolbar that become ineffective and the writers aren't
interested in mastering CSS themselves : )

I don't want to limit them to one font or one specific size, but provide them a
range to work with. As an example the <body> may have a range of 8pt-16pt, but
<td> may have a different range like 8pt-12pt. Any suggestions?
 
Barry said:
I've been using a number of external style sheets to control the font
and a couple other HTML settings. I have a number of people creating
web pages with reference to these style sheets and they're getting
confused and frustrated with their ability to adjust font sizes. If I
set a specific limit, FrontPage still has selections from the toolbar
that become ineffective and the writers aren't interested in
mastering CSS themselves : )

I don't want to limit them to one font or one specific size, but
provide them a range to work with. As an example the <body> may have
a range of 8pt-16pt, but <td> may have a different range like
8pt-12pt. Any suggestions?
Click to expand...

I am not sure I completely understand.

Do you want the editors to be able to choose from a range of font sizes ?

I suppose one way would be to set up your CSS like this
..sz32 { font-size: 200%; }
..sz24 { font-size: 150%; }
..sz20 { font-size: 125%; }
..sz18 { font-size: 112.5%; }
..sz17 { font-size: 106.25%; }
..sz16 { font-size: 100%; } /* ==16px */
..sz15 { font-size: 93.75%; }
..sz14 { font-size: 87.5%; }
..sz13 { font-size: 81.25%; }
..sz12 { font-size: 75%; }
..sz11 { font-size: 68.75%; }
..sz10 { font-size: 62.5%; }
..sz9 { font-size: 56.25%; }
..sz8 { font-size: 50%; }

These are as close as I can get to the equivalents of the size = spec.
You may be able to calculate others for the intermediate sizes
i.e. .szx { font-size: y%} where y = x*100/16

So instead of using <font size = ...> (or whatever), the editor would use:
<p class = "sz16">
....
</p>

Instead of <p>, they can use any element they wish to add the font size to.

These classes are *not* restricted to <body> or <td>, but can be applied to
any element

BTW, I am told that the % spec is better than px and definitely better than
pt which should not be used (it is a print measure, not a web measure)
 
Trevor said:
Barry wrote: [snip]
I don't want to limit them to one font or one specific size, but
provide them a range to work with.
Click to expand...
Click to expand...

I just noticed the words "one font" in the above. So you also want to give
the editors a choice of fonts as well as sizes.

You can do this similarly, but probably would need to set font-fanily rather
than one specific font
e.g
..serif {font-family: courier, "times new roman", serif}
..sans-serif {font-family: arial, helvetica, "lucida console", sans-serif}
Make these what you like, of course.

You can then add any of these classes to the spec.
e.g.
< p class= "serif sz10">
<td class="sans-serif sz12">
 
Your table is not valid for all browsers
See http://www.webmonkey.com/webmonkey/99/41/index3a_page3.html?tw=design

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Barry wrote:
| > I've been using a number of external style sheets to control the font
| > and a couple other HTML settings. I have a number of people creating
| > web pages with reference to these style sheets and they're getting
| > confused and frustrated with their ability to adjust font sizes. If I
| > set a specific limit, FrontPage still has selections from the toolbar
| > that become ineffective and the writers aren't interested in
| > mastering CSS themselves : )
| >
| > I don't want to limit them to one font or one specific size, but
| > provide them a range to work with. As an example the <body> may have
| > a range of 8pt-16pt, but <td> may have a different range like
| > 8pt-12pt. Any suggestions?
|
| I am not sure I completely understand.
|
| Do you want the editors to be able to choose from a range of font sizes ?
|
| I suppose one way would be to set up your CSS like this
| .sz32 { font-size: 200%; }
| .sz24 { font-size: 150%; }
| .sz20 { font-size: 125%; }
| .sz18 { font-size: 112.5%; }
| .sz17 { font-size: 106.25%; }
| .sz16 { font-size: 100%; } /* ==16px */
| .sz15 { font-size: 93.75%; }
| .sz14 { font-size: 87.5%; }
| .sz13 { font-size: 81.25%; }
| .sz12 { font-size: 75%; }
| .sz11 { font-size: 68.75%; }
| .sz10 { font-size: 62.5%; }
| .sz9 { font-size: 56.25%; }
| .sz8 { font-size: 50%; }
|
| These are as close as I can get to the equivalents of the size = spec.
| You may be able to calculate others for the intermediate sizes
| i.e. .szx { font-size: y%} where y = x*100/16
|
| So instead of using <font size = ...> (or whatever), the editor would use:
| <p class = "sz16">
| ...
| </p>
|
| Instead of <p>, they can use any element they wish to add the font size to.
|
| These classes are *not* restricted to <body> or <td>, but can be applied to
| any element
|
| BTW, I am told that the % spec is better than px and definitely better than
| pt which should not be used (it is a print measure, not a web measure)
|
| --
| Cheers,
| Trevor L.
| Website: http://tandcl.homemail.com.au
|
|
 
Barry wrote: [snip]
I don't want to limit them to one font or one specific size, but
provide them a range to work with.
Click to expand...
Click to expand...

I just noticed the words "one font" in the above. So you also want to give
the editors a choice of fonts as well as sizes.

You can do this similarly, but probably would need to set font-fanily rather
than one specific font
e.g
.serif {font-family: courier, "times new roman", serif}
.sans-serif {font-family: arial, helvetica, "lucida console", sans-serif}
Make these what you like, of course.

You can then add any of these classes to the spec.
e.g.
< p class= "serif sz10">
<td class="sans-serif sz12">[/QUOTE]

Thanks for the reply. I've never tried multiple classes before. Does the class
furthest to the right override the ones to the left if there is a overlap?

I'm not sure if I'm asking my question clearly. I'm trying to create a range of
font sizes (selection of styles possibly too), that can be selected when editing
the web page in FrontPage. I want to limit font size so that a visitor with
potentially giganto fonts selected in their browser doesn't come to my site
thinking we're broken : )

I wanted to give web page editors control over which font to pick, but not
necessarily forcing them view the HTML and personally add classes to their HTML
tags. I'm trying to get them to focus on the content rather then the code the
manages the layout and formatting. Thanks in advance for any recommendations.
 
I want to limit font size so that a visitor ..... doesn't come to my site
thinking we're broken

If your visitor can't set the font size they choose, then your site *is*
broken.

Bob Lehmann

Barry said:
Barry wrote: [snip]
I don't want to limit them to one font or one specific size, but
provide them a range to work with.
Click to expand...

I just noticed the words "one font" in the above. So you also want to give
the editors a choice of fonts as well as sizes.

You can do this similarly, but probably would need to set font-fanily rather
than one specific font
e.g
.serif {font-family: courier, "times new roman", serif}
.sans-serif {font-family: arial, helvetica, "lucida console", sans-serif}
Make these what you like, of course.

You can then add any of these classes to the spec.
e.g.
< p class= "serif sz10">
<td class="sans-serif sz12">
Click to expand...

Thanks for the reply. I've never tried multiple classes before. Does the class
furthest to the right override the ones to the left if there is a overlap?

I'm not sure if I'm asking my question clearly. I'm trying to create a range of
font sizes (selection of styles possibly too), that can be selected when editing
the web page in FrontPage. I want to limit font size so that a visitor with
potentially giganto fonts selected in their browser doesn't come to my site
thinking we're broken : )

I wanted to give web page editors control over which font to pick, but not
necessarily forcing them view the HTML and personally add classes to their HTML
tags. I'm trying to get them to focus on the content rather then the code the
manages the layout and formatting. Thanks in advance for any recommendations.
[/QUOTE]
 
Barry said:
Thanks for the reply. I've never tried multiple classes before. Does
the class furthest to the right override the ones to the left if
there is a overlap?
Click to expand...

Sorry, I forgot to answer this yesterday.

My answer is:
I don't know, but I assume so

Usually one doesn't (or I don't) put overlapping rules in multiple classes
like this,
eg. one would be for font size another for colour, etc

I use
<span class="red sz12">.........
where red is the text colour and sz12 the font size.
 
thinking we're broken

If your visitor can't set the font size they choose, then your site *is*
broken.

Bob Lehmann
Click to expand...

Would guess that's always up for debate since both sides can make their point.
When going to the book store there are some books printed with larger type, but
a book is generally printed with one size font.

If someone needs to get their eye glasses prescription checked, or wear they're
glasses to read, then they should probably do that. : ) In all seriousness
though, I'd like to maintain control over a font since people tend to forget
they've re-sized the font and they'll think my site is broken. Considering the
options for font size (e.g. pt, px, em, %) it's no small task.
 
Thanks for the reply. I've never tried multiple classes before. Does
the class furthest to the right override the ones to the left if
there is a overlap?
Click to expand...

Sorry, I forgot to answer this yesterday.

My answer is:
I don't know, but I assume so

Usually one doesn't (or I don't) put overlapping rules in multiple classes
like this,
eg. one would be for font size another for colour, etc

I use
<span class="red sz12">.........
where red is the text colour and sz12 the font size.
[/QUOTE]

I'll have to read up on that one, could come in handy. Thanks
 
<gesture type="headshake">
tsk, tsk, tsk.....
Would guess that's always up for debate since both sides can make their
Click to expand...
point.

Well, it comes down to who the site is for; The designer or the user. If
it's for the user, and they can't use the site, then you've failed.
When going to the book store there are some books printed with larger type, but
a book is generally printed with one size font.
Click to expand...

This is a horrible analogy to use to make your point. In your example the
user has a choice. You're website possibly doesn't.
If someone needs to get their eye glasses prescription checked, or wear they're
glasses to read, then they should probably do that. : )
Click to expand...

Your ignorance is showing. It isn't neccessarily a vision problem. See
below.
though, I'd like to maintain control over a font since people tend to forget
they've re-sized the font and they'll think my site is broken.
Click to expand...

No, they'll think it's broken if they *can't* resize their font. I run my
monitor at 1600 x 1200 resolution, and I don't wear glasses. Is your site
going to be easily viewable?

How about those still at 640 x 480 or any other resolution you haven't
considered? Is your site "broken" or not?

If I get monstrous-sized text, and can't decrease the size, is your site
broken?

How about the people who use modern browsers - that is, not IE <=6.x? Is
your site "broken" or not?

How about the people who are aware of the accessibilty options in IE <=6.x?
Is your site "broken" or not?

How about the people who will eventually switch to IE7? Is your site
"broken" or not?
people tend to forget they've re-sized the font
Click to expand...
Can't really say that I'm one of those people.

Bob Lehmann
 
Back
Top