473,804 Members | 2,101 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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
16 1954
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.netc om.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
21705
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 get some good real world examples. Fire away! :) Regards, Peter Foti
55
5018
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 text when the user uses the default font size in his browser and uses the typical display resolution. I did a reinstall of my friendly browser in a different environment, and I am surprised to find that its default for serif is Times 16 and
38
4598
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 used! But! when selecting the "Larger" or "Smaller" command from the menubar in IE, font sizes increases from normal (1em) to, say, 6em or so _in the first step_!!! In the next step it seems to be 20em or say. Choosing "Smaller" makes the text...
115
7247
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 ..." Yet if I use 'x-small' instead of 9pt, I get bigger type on IE6 and smaller type on Mozilla. My choices seem to be:
4
16727
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, then a generic element's font will do OK, too. What's the correct way to do this, please (so that it will also work for IE 6)? The motivation for this is that I have some text on the screen and I want to insert a textarea element between the...
4
3209
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 Opera. -- Regards, Cezar.
16
3901
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 IMO. I read somewhere (a W3C tip I think) that the best way is to specify a "base" size and then have all your fonts relative that, but I'm not sure how that works. TIA
2
4646
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 and Opera. For some reason, the CSS does not seem to be controlling the font size. The CSS and HTML are below. Does anyone know how I can get the CSS to control the Firefox and Opera
27
3246
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 IE and Opera render that attribute. Is this correct?
0
9714
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9594
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10600
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10096
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9174
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7638
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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6866
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
4311
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3834
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.