Re: [WSG] Getting in a muddle (h6:first-letter)
David Laakso wrote: When you rectify the typology you may want to consider the typograpy. Typography is an art, not a science. Bold TNR with bold oblique Verdanda are not exactly inspiring. David Laakso http://www.dlaakso.com/sandbox/css.html Being a bit nit-picky, aren't we David? The two fonts were chosen: a) as fonts which most UA's would support whilst the testing was conducted and b) to provide an obvious difference during the testing. 'Art' didn't come into it. . . :-) Bob McClelland www.gwelanmor-internet.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Getting in a muddle (h6:first-letter)
designer wrote: David Laakso wrote: When you rectify the typology you may want to consider the typograpy. Typography is an art, not a science. Bold TNR with bold oblique Verdanda are not exactly inspiring. David Laakso Being a bit nit-picky, aren't we David? The two fonts were chosen: a) as fonts which most UA's would support whilst the testing was conducted and If you seek fonts most UA's support, don't specify fonts. b) to provide an obvious difference during the testing. If you feel a compelling need to do so, you might try nothing more than: font-family: serif; with-- font-family: sans-serif; 'Art' didn't come into it. . . Or did it? :-) Bob McClelland www.gwelanmor-internet.co.uk Regards, David Laakso -- David Laakso http://www.dlaakso.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Getting in a muddle
Dear wizards, I am trying to set up a simple generic style sheet for the typography which I'm likely to use most, and am having trouble with getting a :first-letter to work in IE5.5. I want the first letter of my h6 to be larger than the rest of the line, in a darker colour, and I want the rest of the line to be oblique. You can see an example at: www.gwelanmor-internet.co.uk/typotest.html and there you will see the effect working fine in IE6, FF1.0, Opera etc. But IE5.5, although it gets the colour right, h6:first-letter doesn't pick up the increase in size for the first letter. Stumped! Can anyone help out with this? Many thanks, Bob McClelland www.gwelanmor-internet.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Getting in a muddle
Hi Bob,
Can anyone help out with this?
Maybe IE does't like the combination of bold and normal. You write:
h6:first-letter {
color : #333;
font: bold normal 218% Times New Roman, Times, serif;
}
You should decide, if it should be bold or normal :-)
This would be nearly the first time, IE is stricter in wrong written CSS
than the real browsers. Strange.
--
Greetings from Germany,
Jens Grochtdreis
[www.grochtdreis.de] [blog.grochtdreis.de] [www.css-faq.de]
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Getting in a muddle
designer schrieb:
www.gwelanmor-internet.co.uk/typotest.html
and there you will see the effect working fine in IE6, FF1.0, Opera
etc. But IE5.5, although it gets the colour right, h6:first-letter
doesn't pick up the increase in size for the first letter.
havent looked to deep in it, but
h6:first-letter {
...
font-size: 436%; /* feeds IE55*/
fo\nt-size: 218% /* the rest */;
}
seems to be a start. looks like as if 5.5 does not know
with respect to which size it should calculate, but you'll have to test it.
Ingo
--
http://www.satzansatz.de/css.html
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Getting in a muddle
Thanks Jens, but the 'normal' is supposed to mean 'not oblique' (ie,
the rest of the line is defined in h6 as font : bold oblique etc) I
agree, the 'bold normal' does seem strange, but it's how topstyle pro
converts a list of separate qualifiers . . .so you could have font :
normal normal 218% etc.
So now I'm even more in a muddle! :-)
Bob
Jens Grochtdreis wrote:
Hi Bob,
Can anyone help out with this?
Maybe IE does't like the combination of bold and normal. You write:
h6:first-letter {
color : #333;
font: bold normal 218% Times New Roman, Times, serif;
}
You should decide, if it should be bold or normal :-)
This would be nearly the first time, IE is stricter in wrong written
CSS than the real browsers. Strange.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Getting in a muddle
Well that certainly works Ingo - thank you!
Bob
Ingo Chao wrote:
designer schrieb:
www.gwelanmor-internet.co.uk/typotest.html
and there you will see the effect working fine in IE6, FF1.0, Opera
etc. But IE5.5, although it gets the colour right, h6:first-letter
doesn't pick up the increase in size for the first letter.
havent looked to deep in it, but
h6:first-letter {
...
font-size: 436%; /* feeds IE55*/
fo\nt-size: 218% /* the rest */;
}
seems to be a start. looks like as if 5.5 does not know
with respect to which size it should calculate, but you'll have to
test it.
Ingo
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Getting in a muddle
Thanks John, but I don't think that's it. The letter isn't missing (it's even the right colour!) but the size is wrong. ?? Bob [EMAIL PROTECTED] wrote: Quoting designer [EMAIL PROTECTED]: Dear wizards, I am trying to set up a simple generic style sheet for the typography which I'm likely to use most, and am having trouble with getting a :first-letter to work in IE5.5. Here's a link which describes your problem (and apparently, a solution) http://www.positioniseverything.net/explorer/firstletter.html Although, since I'm using Firefox, I can't see the problem you describe, except through the screenshots at the bottom of the page. Regards, John ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Getting in a muddle
In that case, perhaps using an EM size would be more effective than a
percentage. It would still be resizable for accessibility, but it might
not throw 5.5 for a loop...
-Nate
*Nathan Rutman* ([EMAIL PROTECTED] mailto:[EMAIL PROTECTED])
Corporate Communications Designer
*Solvepoint Corporation*
882 South Matlack Street, Suite 110
West Chester, PA 19382
800.388.1850 x1208
484.356.0990 (fax)
www.solvepoint.com http://www.solvepoint.com
designer wrote:
Well that certainly works Ingo - thank you!
Bob
Ingo Chao wrote:
designer schrieb:
www.gwelanmor-internet.co.uk/typotest.html
and there you will see the effect working fine in IE6, FF1.0, Opera
etc. But IE5.5, although it gets the colour right, h6:first-letter
doesn't pick up the increase in size for the first letter.
havent looked to deep in it, but
h6:first-letter {
...
font-size: 436%; /* feeds IE55*/
fo\nt-size: 218% /* the rest */;
}
seems to be a start. looks like as if 5.5 does not know
with respect to which size it should calculate, but you'll have to
test it.
Ingo
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Getting in a muddle
Hi Bob,
Nathans mail brought me to the idea, that IE5.5 has a problem with your
basic font-definition. IE is known to have a problem, if you style body
with em. So the best way, we had this a few days ago, is to style with
percent if you want the IE-users to be able to resize the page.
Your basic definition is
body {
font : 8pt Verdana, Arial, Sans Serif;
}
Point would be correct, if it would be a print-stylesheet. For screen it
would be pixels (px) or percent or ex or ex. I would prefer percent.
As the standard size (1em) is 16px and we should assume 1px as equal as
1pt you would write:
body {
font : 50% Verdana, Arial, Sans Serif;
}
I wouldn't choose 50% but on the other hand 8px is really small, even
for Verdana.
So maybe your problem would be solved, if you change the font-unit for body.
--
Greetings from Germany,
Jens Grochtdreis
[www.grochtdreis.de] [blog.grochtdreis.de] [www.css-faq.de]
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Getting in a muddle (h6:first-letter)
Thanks to all who contributed. I have now returned to good old reliable
pixels! Doing that, plus spelling out the declaration as individual
statements:
h6:first-letter {
color : #80;
font-weight : bold;
font-style : normal;
font-size : 34px;
font-family : Times New Roman, Times, serif;
}
to avoid the 'font : bold normal 36px . . .etc' confusion seems to make
it robust. If anyone doesn't see a larger brown first letter, followed
by pale brown oblique text in the remainder of the h6 example, please
tell me. [it would be nice if you knew how to fix the problem too ! :-) ]
The revised test file is still at
www.gwelanmor-internet.co.uk/typotest.html
many thanks
Bob McClelland
www.gwelanmor-internet.co.uk
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
