Re: [WSG] Firefox and IE font sizes
On Sunday 27 July 2008 08:41:04 Hayden's Harness Attachment wrote:
At http://www.choroideremia.org/new/crf_header.php I have three buttons.
The first is Decrease font size the second is ?Default font size. And
the third is Increase font size:. Firefox 3.0.1 shows them in 15 point
Arial font which I would say is good to default to. However, IE7 will show
the in 21 point Arial. I would say IE7's font choice is to large. How do I
get Fire fox and IE to both display 15 point Arial?
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller
Hi
I looked at your CSS and can't see any point font sizes, only %age sizes
(which is ok in itself) - so can't really relate what you mention above to
what I'm seeing. Remember pts are for print stylesheets.
There are also some problems with your page - whitespace above the doctype
will cause IE to barf out into quirks mode. The medium and large switcheroo
things don't seem to be linked properly. When I hit the links in FF3.01 the
font size doesn't change.
I can give you some advice on stylesheet switching though.. instead of
refreshing the whole page with unnecessary server load and adding in a
stylesheet based on a url, try switch the id of the body tag. This assumes you
know how to and can apply an event listener to an element using a JS library
of some description.
[pseudocode]
//html
span id=font_largeincrease/span
//js
foo.attachEventListener(
foo.get('font_large'),//element
'click',//event
function() {
//get the 'body' element somehow
body.setAttribute('id', 'large');
//store change in a cookie so it can propagate across pages
}
//css
body {
font-size : 100%;
/* other generic styles */
}
body#large {
font-size : 120%;
}
body#small {
font-size : 80%;
}
[/pseudocode]
You could also implement and increase,decrease handler and apply body font-
size in increment/decrements
HTH
J
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Firefox and IE font sizes
James
Thank you for your help. I have been going through what you suggested. I am not
familular with JAVAScript, since I have heard problem stories (mainly screen
readers and folks turning JAVA off) and seen bad implementations. I turned my
focus to PHP. I am a newbie to all of this. I have been working on the
following.
HTML
link rel=stylesheet type=text/css media=screen title=Default Font size
href=/css/layout.css /
link rel=alternate stylesheet type=text/css media=screen title=Increase
Font Size href=/css/layout_large.css /
link rel=alternate stylesheet type=text/css media=screen title=Decrease
Font Size href=/css/layout_small.css /
?php
$set = $_GET['set'];
$fmt = 'a classß=switch href=/switcher.php?set=layout_%s%s Font
Size/a';
printf($fmt, medium, Default Font Size);
printf($fmt, large, Increase Font Size);
printf($fmt, small, Decrease Font Size);
?
switcher.php
?php
setcookie ('sitestyle', $set, time()+31536000, '/',
'http://www.choroideremia.org', '0');
header(Location: $HTTP_REFERER);
?
The PHP does not seem to be working. I am not sure why. I am also confused why
putting http:ééwww.choroideremia.orgé at the top of my HTML, my code is
suddenly not valid.
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Firefox and IE font sizes
At http://www.choroideremia.org/new/crf_header.php I have three buttons. The first is Decrease font size the second is ?Default font size. And the third is Increase font size:. Firefox 3.0.1 shows them in 15 point Arial font which I would say is good to default to. However, IE7 will show the in 21 point Arial. I would say IE7's font choice is to large. How do I get Fire fox and IE to both display 15 point Arial? Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Firefox and IE font sizes
On Sunday 27 July 2008 08:41:04 Hayden's Harness Attachment wrote:
At http://www.choroideremia.org/new/crf_header.php I have three buttons.
The first is Decrease font size the second is ?Default font size. And
the third is Increase font size:. Firefox 3.0.1 shows them in 15 point
Arial font which I would say is good to default to. However, IE7 will show
the in 21 point Arial. I would say IE7's font choice is to large. How do I
get Fire fox and IE to both display 15 point Arial?
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller
Hi
I looked at your CSS and can't see any point font sizes, only %age sizes
(which is ok in itself) - so can't really relate what you mention above to
what I'm seeing. Remember pts are for print stylesheets.
There are also some problems with your page - whitespace above the doctype
will cause IE to barf out into quirks mode. The medium and large switcheroo
things don't seem to be linked properly. When I hit the links in FF3.01 the
font size doesn't change.
I can give you some advice on stylesheet switching though.. instead of
refreshing the whole page with unnecessary server load and adding in a
stylesheet based on a url, try switch the id of the body tag. This assumes you
know how to and can apply an event listener to an element using a JS library
of some description.
[pseudocode]
//html
span id=font_largeincrease/span
//js
foo.attachEventListener(
foo.get('font_large'),//element
'click',//event
function() {
//get the 'body' element somehow
body.setAttribute('id', 'large');
//store change in a cookie so it can propagate across pages
}
//css
body {
font-size : 100%;
/* other generic styles */
}
body#large {
font-size : 120%;
}
body#small {
font-size : 80%;
}
[/pseudocode]
You could also implement and increase,decrease handler and apply body font-
size in increment/decrements
HTH
J
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
