469,658 Members | 1,810 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,658 developers. It's quick & easy.

SOS! question about enforce a larger print on Internet Explorer for easier reading

Dear all,

My monitor was set to 1600x1200 so the fonts in IE is too small for me even
when I set the "View->Text Size->Largest"...

I don't have previlage to change the monitor resolution...

so I have to try to "hardcode" IE to display any webpage by a scale of
200%...

in Netscape there is such a scale factor 200% and even 300%, I like that,
but IE does not have that one.

I was told that CSS can do this job... so I have written the following .CSS
file to be setup in IE "Tools->Internet Options->Accessbility->Using user
style sheet"

----------------------------------------------------------------------------
--

/* Purpose: Enforce a large print on Internet Explorer
for easier reading

Author: Gino
*/

body { font-size: 110% !important; }

* { font-size: 110%; !important }
h1 { font-size: xx-large !important; }
h2 { font-size: x-large !important; }
h3 { font-size: large !important; }
big { font-size: larger !important; }
small { font-size: smaller !important; }
h5 { font-size: small !important; }
h6 { font-size: x-small !important; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, { font-size: inherit !important; }
----------------------------------------------------------------------------
----

It is strange that for some titles in the webpage, the titles become very
large, even when only 110% is applied; but the regular texts are still
small...not affected at all....

If I set up IE "Tools->Internet Options->Accessbility->Ignore webpage font
size", then all the texts on the webpage become large(it is hard to imagine
that 110% will be so large, I had thought of using 200% ... ) , but the
table size is still very small, that's to say, the table size does not
change accordingly, so many characters in that table becomes squeezed and
overlapped into a column...

I hope the following can be done:

all fonts scale 200% uniformly, with respect to their original size; smaller
fonts become still smaller relative to other fonts, after the scaling...

and column/table size should change accordingly, but change line smartly,
i.e., I don't want to use horizontal scrolling, because my mouse can only do
vertical scroll using the mouse wheel... so the texts should display
screen-wide, but without the horizontal scroll, I really hate reading text
by horizontal scrolling...

Please help me on such a CSS style sheet... how to write that one?

Thanks a lot,

-Gino



Jul 20 '05 #1
7 3479
gino wrote:
My monitor was set to 1600x1200 so the fonts in IE is too small for
me even when I set the "View->Text Size->Largest"...
Oh! If only I had this every time someone argued for using font-size: 80%!
I don't have previlage to change the monitor resolution...
Ack. Why not? Do you have privelages to change the system font size?
in Netscape there is such a scale factor 200% and even 300%, I like
that, but IE does not have that one.
Why don't you use Netscape if it does the job? FWIW, I'd recommend
Mozilla Firefox, a bit more lightweight, same options. If IE doesn't
meet your needs, get a browser that does.
I was told that CSS can do this job... so I have written the
following .CSS file to be setup in IE "Tools->Internet
Options->Accessbility->Using user style sheet"

body { font-size: 110% !important; }
Hm. Not sure why you need to set the font-size to larger than 100%.
Have you tried that?
h1 { font-size: xx-large !important; }
Keywords can be problematic.
It is strange that for some titles in the webpage, the titles
become very large, even when only 110% is applied; but the regular
texts are still small...not affected at all....
This might depend on the site. Font-size set in pixels is not
resizable via the menu font-size selector, but I'd think that a user
stylesheet would trump whatever stupid microfont a web author tried to
impose on you.
If I set up IE "Tools->Internet Options->Accessbility->Ignore
webpage font size", then all the texts on the webpage become large
Too large? Or just the right size? This is important for the user css.
table size is still very small, that's to say, the table size does
not change accordingly, so many characters in that table becomes
squeezed and overlapped into a column...
If an author codes font size in pixels, and then sets width for
elements (e.g., table cells) in pixels, the design is fragile, and may
break for you.
I hope the following can be done:

all fonts scale 200% uniformly, with respect to their original
size; smaller fonts become still smaller relative to other fonts,
after the scaling...
Sure, that's possible. But ISTM that you need to set your font size
once, and make it exactly as big as you want. Then enforce that
font-size via user css.
and column/table size should change accordingly, but change line
smartly, i.e., I don't want to use horizontal scrolling, because my
mouse can only do vertical scroll using the mouse wheel... so the
texts should display screen-wide, but without the horizontal
scroll, I really hate reading text by horizontal scrolling...
These are the symptoms of bad web design.
Please help me on such a CSS style sheet... how to write that one?


First, try to set the font-size for your system to something that you
like. Then, try this:
body, p, table, tr, td, li, div { font-size: 100% !important; }

table, col, td, th { width: auto !important; }

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #2
On Tue, 20 Jul 2004 19:08:12 -0700, "gino" <mi*****@yahoo.com> wrote:
Dear all,

My monitor was set to 1600x1200 so the fonts in IE is too small for me even
when I set the "View->Text Size->Largest"...

I don't have previlage to change the monitor resolution...

so I have to try to "hardcode" IE to display any webpage by a scale of
200%...

in Netscape there is such a scale factor 200% and even 300%, I like that,
but IE does not have that one.

I was told that CSS can do this job... so I have written the following .CSS
file to be setup in IE "Tools->Internet Options->Accessbility->Using user
style sheet"


As much as I hate to make suggestions like this, I think in this case
you certainly would be better served by a different browser. Take a
look at Firefox -- in that browser you can set your base font sizes,
choose an absolute minimum font size that text will never shrink
below, and if that still doesn't help create a user stylesheet that
actually works*!

You can download Firefox at <http://www.mozilla.org/>

Opera will give you similar abilities.

Good luck,
-Claire

* I don't really know what IE's doing with your stylesheet, but
since * has the lowest specificity of all selectors the page's own CSS
is "winning". You might like to try explicitly setting BODY, P, TD,
TR, TH with ! important and then let other fonts scale from there, but
sites will still sometimes explicitly set odd elements to pixel sizes
and break stuff.
Jul 20 '05 #3
*Claire Tucker* <fa**@invalid.invalid>:

* I don't really know what IE's doing with your stylesheet, but
since * has the lowest specificity of all selectors the page's own CSS
is "winning".
The stylesheet rulesets are first ordered by source like this:

browser -> browser w/ !important-> user -> author ->
-> author w/ !important -> user w/ !important.

Only thereafter selector specifity comes into play. That means a user's

* {font-size: 16px !important}

beats an author's

html body#my p.bar>a:hover {font-size: 12px !important}

every time, if implemented correctly and IIRC. (Or was there an exception
for '*'?)
You might like to try explicitly setting BODY, P, TD,
TR, TH with ! important and then let other fonts scale from there,


.... and in your user stylesheet it's perfectly okay to use any unit for
the preferred font-size you'd like, i.e.

body, table {font-size: 18px !important}
p * {font-size: 100% !important}
big {font-size: larger !important}
small {font-size: smaller !important}
...

--
"You're basically killing each other to see
who's got the better imaginary friend."
Rich Jeni on war vs. religion
Jul 20 '05 #4
"gino" <mi*****@yahoo.com> wrote in
comp.infosystems.www.authoring.stylesheets:
My monitor was set to 1600x1200 so the fonts in IE is too small for me even
when I set the "View->Text Size->Largest"...

I don't have previlage to change the monitor resolution...


This is the real problem. If your IT department won't let you adjust
the settings on the monitor so that you can use it comfortably, they
should be held to account for that.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
Jul 20 '05 #5

"Brian" <us*****@julietremblay.com.invalid> wrote in message
news:10*************@corp.supernews.com...
gino wrote:
I don't have previlage to change the monitor resolution...
Ack. Why not? Do you have privelages to change the system font size?


Nope, I don't have any prevelage to change the display properties... btw,
high resolution makes sense since I need to do some GUI programming design,
in Netscape there is such a scale factor 200% and even 300%, I like
that, but IE does not have that one.
Why don't you use Netscape if it does the job?


I am using Mozilla on Linux, it displays international characters badly...
so I have to use IE...
I was told that CSS can do this job... so I have written the
following .CSS file to be setup in IE "Tools->Internet
Options->Accessbility->Using user style sheet"

body { font-size: 110% !important; }
Hm. Not sure why you need to set the font-size to larger than 100%.
Have you tried that?


Font size larger than 100% means larger, if it is smaller than 100%, then
that's not magnifying, but shrinking... right?

If I set up IE "Tools->Internet Options->Accessbility->Ignore
webpage font size", then all the texts on the webpage become large
Too large? Or just the right size? This is important for the user css.


Not, not the right size... too larger... worsely, the column size is fixed,
so all the big fonts become overlapped... not distinguishable at all... not
readable...
table size is still very small, that's to say, the table size does
not change accordingly, so many characters in that table becomes
squeezed and overlapped into a column...
If an author codes font size in pixels, and then sets width for
elements (e.g., table cells) in pixels, the design is fragile, and may
break for you.
I hope the following can be done:

all fonts scale 200% uniformly, with respect to their original
size; smaller fonts become still smaller relative to other fonts,
after the scaling...


Sure, that's possible. But ISTM that you need to set your font size
once, and make it exactly as big as you want. Then enforce that
font-size via user css.
and column/table size should change accordingly, but change line
smartly, i.e., I don't want to use horizontal scrolling, because my
mouse can only do vertical scroll using the mouse wheel... so the
texts should display screen-wide, but without the horizontal
scroll, I really hate reading text by horizontal scrolling...


These are the symptoms of bad web design.


Yeah, maybe that's because of the bad web design... but how can I deal with
it? I need to read the news from these bad designed websites....
Please help me on such a CSS style sheet... how to write that one?
First, try to set the font-size for your system to something that you
like. Then, try this:


Do you mean that I need to fix the font-size to be 20pt, etc.? But I don't
want that, because I know that the websites have their different size of
fonts, I just want all texts to scale 200% uniformly... that's to say,

original 20pt texts -> 40 pt texts
original 30pt texts -> 60 pt texts,
original 10pt texts -> 20 pt texts,

and all column size, frame size, table size scale up accordingly.. and also
I don't like horizontal scroll...



body, p, table, tr, td, li, div { font-size: 100% !important; }

table, col, td, th { width: auto !important; }


This does not work. When I put 115% into the above code, all fonts do become
larger, but they also overlap, since the column width does not change... so
still not readable...

what can I do?

thanks a lot,

-Gino


Jul 20 '05 #6
In article <cd**********@news.Stanford.EDU>, gino <mi*****@yahoo.com> wrote:
Do you mean that I need to fix the font-size to be 20pt, etc.? But I don't
want that, because I know that the websites have their different size of
fonts, I just want all texts to scale 200% uniformly... that's to say,

original 20pt texts -> 40 pt texts
original 30pt texts -> 60 pt texts,
original 10pt texts -> 20 pt texts,


AFAIK, there is no way to do that uniformly with CSS. Unless you enforce a
specific font size, the document fonts at badly designed sites will
override everything with their px and pt font sizes. And you can't enlarge
px or pt font sizes without also over-enlarging properly specified font
sizes. (200% of 20pt is 40pt, but 200% of 200% is 400%, 200% of 400% is
800%, and so on.)

Your best bet is probably to configure MSIE to ignore document font sizes,
and to enforce appropriate font sizes in your user style sheet.

You should also enforce appropriate line heights, otherwise lines of text
will overlap at badly designed sites. BTDTGTTS.

A lot of the rest depends on the sites you need to use regularly. When
fixing a badly designed site with a user style sheet, it helps to use
selectors that are as specific as possible. A lot of the rules that are
needed to fix such sites are pretty brutal, and can mangle nicely designed
CSS-based sites. Specific selectors help avoid applying those rules to
innocent sites.
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"No matter how far you have gone on the wrong road, turn back."
Jul 20 '05 #7
gino wrote:
Dear all,

My monitor was set to 1600x1200 so the fonts in IE is too small for me even
when I set the "View->Text Size->Largest"...
Others have suggested Firefox, but I suggest Opera. That has a proper
zoom, you can zoom into the page and the images/layout - everything - is
magnified.
I don't have previlage to change the monitor resolution...


So possibly you don't have the privilages to install more software. I
suggest you complain about the screen resolution and ask them to change it.

--
Matt
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Jul 20 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

sos
26 posts views Thread by Goofy | last post: by
14 posts views Thread by mich | last post: by
1 post views Thread by Kenny | last post: by
29 posts views Thread by Patrick | last post: by
2 posts views Thread by johnxhc | last post: by
1 post views Thread by Adam Benson | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.