473,406 Members | 2,378 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,406 software developers and data experts.

Font Size fails in Opera 7.23

In Opera 7.23 I am unable to control the font sizes in sideBar and topBar divs.
No problem in MSIE 6 or Mozilla
The pertinent css is: (I've tried many variations)

A { FONT: 90% Arial, helvetica, sans-serif; }
A:LINK { BACKGROUND: #ffffff; COLOR: #0000cc; FONT: 80% Arial,helvetica,sans-serif;}
A:VISITED { BACKGROUND: #fcfcf0; COLOR: #6666cc; FONT: 80% Arial,helvetica,sans-serif;}
A:HOVER { BACKGROUND: #666633; COLOR: #ffffff; FONT: 80% Arial,helvetica,sans-serif;}
A:ACTIVE { BACKGROUND: #000099; COLOR: #ff0000; FONT: 80% Arial,helvetica,sans-serif;}

#sideBar A { FONT: 70% ; }
#topBar A: { FONT-SIZE: 50% ; }

The page is http://masonc.home.netcom.com/1index.html

"4.01 Transistional" (Quirks: necessary for fixed positions in MSIE)

Mason C
Jul 20 '05 #1
16 1931
MasonC <ma****@ix.netcom.XYZcom> wrote:
In Opera 7.23 I am unable to control the font sizes in sideBar and topBar
divs.[...]
The page is http://masonc.home.netcom.com/1index.html


Check the minimum font size specified in your copy of Opera. Your specified
font sizes invoked my minimum font size.

You're using relative font sizes, but the whole page seems much smaller
when I drop the minimum font size. Start with 100% for normal text, and
only go smaller for legalese and similar fine print that the average reader
can safely ignore.
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"What is the use of running when you are not on the right road?"
Jul 20 '05 #2
MasonC <ma****@ix.netcom.XYZcom> wrote:
In Opera 7.23 I am unable to control the font sizes in sideBar and topBar
divs.[...]
The page is http://masonc.home.netcom.com/1index.html


Check the minimum font size specified in your copy of Opera. Your specified
font sizes invoked my minimum font size.

You're using relative font sizes, but the whole page seems much smaller
when I drop the minimum font size. Start with 100% for normal text, and
only go smaller for legalese and similar fine print that the average reader
can safely ignore.
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"What is the use of running when you are not on the right road?"
Jul 20 '05 #3
On Mon, 12 Apr 2004 05:59:50 GMT, MasonC <ma****@ix.netcom.xyz.com>
wrote:
In Opera 7.23 I am unable to control the font sizes in sideBar and topBar divs.
No problem in MSIE 6 or Mozilla
The pertinent css is: (I've tried many variations)

A { FONT: 90% Arial, helvetica, sans-serif; }
A:LINK { BACKGROUND: #ffffff; COLOR: #0000cc; FONT: 80% Arial,helvetica,sans-serif;}
A:VISITED { BACKGROUND: #fcfcf0; COLOR: #6666cc; FONT: 80% Arial,helvetica,sans-serif;}
A:HOVER { BACKGROUND: #666633; COLOR: #ffffff; FONT: 80% Arial,helvetica,sans-serif;}
A:ACTIVE { BACKGROUND: #000099; COLOR: #ff0000; FONT: 80% Arial,helvetica,sans-serif;}

#sideBar A { FONT: 70% ; }
#topBar A: { FONT-SIZE: 50% ; }


The CSS spec (5.11.3) permits user agents to ignore size changes in
pseudo-classes. (They aren't a good idea anyway.) Better to put the size
only in your DIV or A rules, and not A:LINK etc.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #4
On Mon, 12 Apr 2004 05:59:50 GMT, MasonC <ma****@ix.netcom.xyz.com>
wrote:
In Opera 7.23 I am unable to control the font sizes in sideBar and topBar divs.
No problem in MSIE 6 or Mozilla
The pertinent css is: (I've tried many variations)

A { FONT: 90% Arial, helvetica, sans-serif; }
A:LINK { BACKGROUND: #ffffff; COLOR: #0000cc; FONT: 80% Arial,helvetica,sans-serif;}
A:VISITED { BACKGROUND: #fcfcf0; COLOR: #6666cc; FONT: 80% Arial,helvetica,sans-serif;}
A:HOVER { BACKGROUND: #666633; COLOR: #ffffff; FONT: 80% Arial,helvetica,sans-serif;}
A:ACTIVE { BACKGROUND: #000099; COLOR: #ff0000; FONT: 80% Arial,helvetica,sans-serif;}

#sideBar A { FONT: 70% ; }
#topBar A: { FONT-SIZE: 50% ; }


The CSS spec (5.11.3) permits user agents to ignore size changes in
pseudo-classes. (They aren't a good idea anyway.) Better to put the size
only in your DIV or A rules, and not A:LINK etc.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #5
On Mon, 12 Apr 2004, Stephen Poley wrote:
On Mon, 12 Apr 2004 05:59:50 GMT, MasonC <ma****@ix.netcom.xyz.com>
wrote:

The CSS spec (5.11.3) permits user agents to ignore size changes in
pseudo-classes.
Well, indeed: re-flowing links in response to size changes can (in the
most extreme cases) make them literally unusable, since hovering over
them causes them to leap out of reach.
(They aren't a good idea anyway.) Better to put the size
only in your DIV or A rules, and not A:LINK etc.


Links to be 80% of my chosen normal font size? Would not be my
choice.

But I can't help worrying that this is a mere detail, amongst a whole
minefield of self-imposed problems created by the author.

http://jigsaw.w3.org/css-validator/v...usermedium=all

I don't think I'd want to put my page at the whim of each and every
browser's CSS error fixup routines. On the whole, this page seems to
me to work better on Lynx (with some reservations [1]) than it does on
the CSS-enabled browsers that I tried (e.g it's close to provoking the
cry of "aaaaargh microfonts" on my office machine, unless I rescue it
with the browser's min font size setting).

[1] OK, the next point is not a stylesheet issue; but it's not nice to
present all users with what appear to be navigation selections that
don't in fact work without Javascript (if one's determined to use
some - optional - javascript navigation, then one could inject the
optional navigation into the document with Javascript, so that it
isn't seen by security-conscious users).
Jul 20 '05 #6
On Mon, 12 Apr 2004, Stephen Poley wrote:
On Mon, 12 Apr 2004 05:59:50 GMT, MasonC <ma****@ix.netcom.xyz.com>
wrote:

The CSS spec (5.11.3) permits user agents to ignore size changes in
pseudo-classes.
Well, indeed: re-flowing links in response to size changes can (in the
most extreme cases) make them literally unusable, since hovering over
them causes them to leap out of reach.
(They aren't a good idea anyway.) Better to put the size
only in your DIV or A rules, and not A:LINK etc.


Links to be 80% of my chosen normal font size? Would not be my
choice.

But I can't help worrying that this is a mere detail, amongst a whole
minefield of self-imposed problems created by the author.

http://jigsaw.w3.org/css-validator/v...usermedium=all

I don't think I'd want to put my page at the whim of each and every
browser's CSS error fixup routines. On the whole, this page seems to
me to work better on Lynx (with some reservations [1]) than it does on
the CSS-enabled browsers that I tried (e.g it's close to provoking the
cry of "aaaaargh microfonts" on my office machine, unless I rescue it
with the browser's min font size setting).

[1] OK, the next point is not a stylesheet issue; but it's not nice to
present all users with what appear to be navigation selections that
don't in fact work without Javascript (if one's determined to use
some - optional - javascript navigation, then one could inject the
optional navigation into the document with Javascript, so that it
isn't seen by security-conscious users).
Jul 20 '05 #7
On Mon, 12 Apr 2004 07:35:50 +0000 (UTC), Darin McGrew <mc****@stanfordalumni.org> wrote:
MasonC <ma****@ix.netcom.XYZcom> wrote:
In Opera 7.23 I am unable to control the font sizes in sideBar and topBar
divs.[...]
The page is http://masonc.home.netcom.com/1index.html
Check the minimum font size specified in your copy of Opera. Your specified
font sizes invoked my minimum font size.


ARGHHHHHHHHHHH ! I knew that I knew that I knew that
I forgot that I forgot that I forgot that damn
You're using relative font sizes, but the whole page seems much smaller
when I drop the minimum font size. Start with 100% for normal text, and
only go smaller for legalese and similar fine print that the average reader
can safely ignore.


My intention. Thanks for reminding me of Opera's minimimum font

Mason C

Jul 20 '05 #8
On Mon, 12 Apr 2004 07:35:50 +0000 (UTC), Darin McGrew <mc****@stanfordalumni.org> wrote:
MasonC <ma****@ix.netcom.XYZcom> wrote:
In Opera 7.23 I am unable to control the font sizes in sideBar and topBar
divs.[...]
The page is http://masonc.home.netcom.com/1index.html
Check the minimum font size specified in your copy of Opera. Your specified
font sizes invoked my minimum font size.


ARGHHHHHHHHHHH ! I knew that I knew that I knew that
I forgot that I forgot that I forgot that damn
You're using relative font sizes, but the whole page seems much smaller
when I drop the minimum font size. Start with 100% for normal text, and
only go smaller for legalese and similar fine print that the average reader
can safely ignore.


My intention. Thanks for reminding me of Opera's minimimum font

Mason C

Jul 20 '05 #9
On Mon, 12 Apr 2004 12:48:29 +0100, "Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote:
On Mon, 12 Apr 2004, Stephen Poley wrote:
On Mon, 12 Apr 2004 05:59:50 GMT, MasonC <ma****@ix.netcom.xyz.com>
wrote:

The CSS spec (5.11.3) permits user agents to ignore size changes in
pseudo-classes.
Well, indeed: re-flowing links in response to size changes can (in the
most extreme cases) make them literally unusable, since hovering over
them causes them to leap out of reach.
(They aren't a good idea anyway.) Better to put the size
only in your DIV or A rules, and not A:LINK etc.


Links to be 80% of my chosen normal font size? Would not be my
choice.


Arial is larger than Times, hence the size reduction. Not a great
idea. I think I'll stick with one font for text and links.
But I can't help worrying that this is a mere detail, amongst a whole
minefield of self-imposed problems created by the author.
Self-imposed because I really want the fixed sideBar and topBar and
MSIE (world's browser) won't do them without this javascript trick..
http://jigsaw.w3.org/css-validator/v...usermedium=all

I don't think I'd want to put my page at the whim of each and every
browser's CSS error fixup routines. On the whole, this page seems to
me to work better on Lynx (with some reservations [1]) than it does on
the CSS-enabled browsers that I tried (e.g it's close to provoking the
cry of "aaaaargh microfonts" on my office machine, unless I rescue it
with the browser's min font size setting). [1] OK, the next point is not a stylesheet issue; but it's not nice to
present all users with what appear to be navigation selections that
don't in fact work without Javascript (if one's determined to use
some - optional - javascript navigation, then one could inject the
optional navigation into the document with Javascript, so that it
isn't seen by security-conscious users).


The menus of links are a convenience, not a necessity. They duplicate
the links in the Table of Contents. For those viewers without
javascript they are passive reminders of the contents.

I'm workin' on it workin' workin'

Thanks for the help -- really!

Mason C
Jul 20 '05 #10
On Mon, 12 Apr 2004 12:48:29 +0100, "Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote:
On Mon, 12 Apr 2004, Stephen Poley wrote:
On Mon, 12 Apr 2004 05:59:50 GMT, MasonC <ma****@ix.netcom.xyz.com>
wrote:

The CSS spec (5.11.3) permits user agents to ignore size changes in
pseudo-classes.
Well, indeed: re-flowing links in response to size changes can (in the
most extreme cases) make them literally unusable, since hovering over
them causes them to leap out of reach.
(They aren't a good idea anyway.) Better to put the size
only in your DIV or A rules, and not A:LINK etc.


Links to be 80% of my chosen normal font size? Would not be my
choice.


Arial is larger than Times, hence the size reduction. Not a great
idea. I think I'll stick with one font for text and links.
But I can't help worrying that this is a mere detail, amongst a whole
minefield of self-imposed problems created by the author.
Self-imposed because I really want the fixed sideBar and topBar and
MSIE (world's browser) won't do them without this javascript trick..
http://jigsaw.w3.org/css-validator/v...usermedium=all

I don't think I'd want to put my page at the whim of each and every
browser's CSS error fixup routines. On the whole, this page seems to
me to work better on Lynx (with some reservations [1]) than it does on
the CSS-enabled browsers that I tried (e.g it's close to provoking the
cry of "aaaaargh microfonts" on my office machine, unless I rescue it
with the browser's min font size setting). [1] OK, the next point is not a stylesheet issue; but it's not nice to
present all users with what appear to be navigation selections that
don't in fact work without Javascript (if one's determined to use
some - optional - javascript navigation, then one could inject the
optional navigation into the document with Javascript, so that it
isn't seen by security-conscious users).


The menus of links are a convenience, not a necessity. They duplicate
the links in the Table of Contents. For those viewers without
javascript they are passive reminders of the contents.

I'm workin' on it workin' workin'

Thanks for the help -- really!

Mason C
Jul 20 '05 #11
On Tue, 13 Apr 2004, MasonC wrote:
Arial is larger than Times, hence the size reduction.


Arial also looks *smaller* than Verdana, which is -so- popular that
some readers will surely have chosen it as their default. This one
can't be won, not with the available features of current CSS.
But I can't help worrying that this is a mere detail, amongst a whole
minefield of self-imposed problems created by the author.

Self-imposed because I really want the fixed sideBar and topBar and
MSIE (world's browser) won't do them without this javascript trick..


Does that explain a shedload of invalid CSS?
http://jigsaw.w3.org/css-validator/v...usermedium=all I don't think I'd want to put my page at the whim of each and every
browser's CSS error fixup routines.


I still don't think I'd want to do that.

Good luck.
Jul 20 '05 #12
On Tue, 13 Apr 2004, MasonC wrote:
Arial is larger than Times, hence the size reduction.


Arial also looks *smaller* than Verdana, which is -so- popular that
some readers will surely have chosen it as their default. This one
can't be won, not with the available features of current CSS.
But I can't help worrying that this is a mere detail, amongst a whole
minefield of self-imposed problems created by the author.

Self-imposed because I really want the fixed sideBar and topBar and
MSIE (world's browser) won't do them without this javascript trick..


Does that explain a shedload of invalid CSS?
http://jigsaw.w3.org/css-validator/v...usermedium=all I don't think I'd want to put my page at the whim of each and every
browser's CSS error fixup routines.


I still don't think I'd want to do that.

Good luck.
Jul 20 '05 #13
On Tue, 13 Apr 2004 08:35:37 +0100, "Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote:
On Tue, 13 Apr 2004, MasonC wrote:
Arial is larger than Times, hence the size reduction.
Arial also looks *smaller* than Verdana, which is -so- popular that
some readers will surely have chosen it as their default. This one
can't be won, not with the available features of current CSS.
>But I can't help worrying that this is a mere detail, amongst a whole
>minefield of self-imposed problems created by the author.
>

Self-imposed because I really want the fixed sideBar and topBar and
MSIE (world's browser) won't do them without this javascript trick..


Does that explain a shedload of invalid CSS?


In fact, yes. Only two minor errors -- 97 less than a "shedload."

Scrollbar colors and the javascript expression work well but are not
recognized by jigsaw. This accounts for the other "errors."

Thanks for the comments -- all are valuable. I'm learning.

Mason C
>http://jigsaw.w3.org/css-validator/v...usermedium=all >I don't think I'd want to put my page at the whim of each and every
>browser's CSS error fixup routines.
I still don't think I'd want to do that.

Good luck.


Jul 20 '05 #14
On Tue, 13 Apr 2004 08:35:37 +0100, "Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote:
On Tue, 13 Apr 2004, MasonC wrote:
Arial is larger than Times, hence the size reduction.
Arial also looks *smaller* than Verdana, which is -so- popular that
some readers will surely have chosen it as their default. This one
can't be won, not with the available features of current CSS.
>But I can't help worrying that this is a mere detail, amongst a whole
>minefield of self-imposed problems created by the author.
>

Self-imposed because I really want the fixed sideBar and topBar and
MSIE (world's browser) won't do them without this javascript trick..


Does that explain a shedload of invalid CSS?


In fact, yes. Only two minor errors -- 97 less than a "shedload."

Scrollbar colors and the javascript expression work well but are not
recognized by jigsaw. This accounts for the other "errors."

Thanks for the comments -- all are valuable. I'm learning.

Mason C
>http://jigsaw.w3.org/css-validator/v...usermedium=all >I don't think I'd want to put my page at the whim of each and every
>browser's CSS error fixup routines.
I still don't think I'd want to do that.

Good luck.


Jul 20 '05 #15
On Tue, 13 Apr 2004, MasonC wrote:
Does that explain a shedload of invalid CSS?
In fact, yes. Only two minor errors


As far as client agents are concerned, your deliberate errors are
liable to be treated just as much as errors as your inadvertent ones
are.
Scrollbar colors and the javascript expression work well
....for some values of "work"...
but are not recognized by jigsaw.
That's not the point. Jigsaw is only informing you and us that
they are not part of official CSS.
This accounts for the other "errors."


Sure, I wasn't unaware of that; my point was, does it justify the risk
- not only to browser/versions that you know, but to those that will
be released during the life of your pages? That's primarily a
technical question - put aside from any personal animosity about web
pages trying to take-over one's scrollbars and any other aspects of
the browser, rather than staying within the confines of the user's
canvas.

have fun
Jul 20 '05 #16
On Tue, 13 Apr 2004, MasonC wrote:
Does that explain a shedload of invalid CSS?
In fact, yes. Only two minor errors


As far as client agents are concerned, your deliberate errors are
liable to be treated just as much as errors as your inadvertent ones
are.
Scrollbar colors and the javascript expression work well
....for some values of "work"...
but are not recognized by jigsaw.
That's not the point. Jigsaw is only informing you and us that
they are not part of official CSS.
This accounts for the other "errors."


Sure, I wasn't unaware of that; my point was, does it justify the risk
- not only to browser/versions that you know, but to those that will
be released during the life of your pages? That's primarily a
technical question - put aside from any personal animosity about web
pages trying to take-over one's scrollbars and any other aspects of
the browser, rather than staying within the confines of the user's
canvas.

have fun
Jul 20 '05 #17

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

131
by: Peter Foti | last post by:
Simple question... which is better to use for defining font sizes and why? px and em seem to be the leading candidates. I know what the general answer is going to be, but I'm hoping to ultimately...
55
by: Haines Brown | last post by:
I've been setting font-size 1em; as the default in my style sheets. Until now, that seemed to be ok. But now I'm beginning to wonder. My aim is to have an easily readable, but not overly large...
38
by: Kai Jaeger | last post by:
I am playing with setting font sizes in CSS using em as unit of measurement. All seems to be fine. Even Netscape Navigator shows the characters very similar to IE, what is not the kind if px is...
115
by: J | last post by:
I've run CSSCheck on my style sheets and I always get a warning similar to this: "font: bold 9pt/100% sans-serif Warning: Absolute length units should not generally be used on the Web ..." ...
4
by: Csaba Gabor | last post by:
What I'd like to do is to be able to set the font of a textarea element to the same font that another element is using (say, for example, an <INPUT type=text ...> element, but if that's a no go,...
4
by: Cezar | last post by:
Hi there. On this page: http://www.helpdeskics.com/ in the blue menu and footer font size in Opera is less than in other browsers. Why ? I don't know how can I set correct font size for...
16
by: JD | last post by:
Hi guys What's the best way to specify font size using CSS? I try to avoid absolute units like pt and px because then users can't resize the fonts in IE, but % and em are a complete pain to use...
2
by: Hymer | last post by:
Hello, I have a footer at the end of each article in my blog at http://www.usernomics.com/news/user-interface-design-news.html . The footer looks perfect in IE but has smaller text in Firefox...
27
by: 1001 Webs | last post by:
I am trying to make my style sheet as compatible as possible and I'm getting a bit confused here. I've read that the best size for font-size would be 76.1%; due to shortcomings in the way both...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.