Re: [css-d] Subscripts and superscripts
Jukka K. Korpela wrote: vertical-align: baseline; position: relative; bottom: ex; That looks really cool and simple and seems to fix things nicely. How come I never thought of that? Don't know. What I /do/ know is that the problem drove me crazy until I hit on that idea. Are there any hidden problems? None that I've encountered so far, but that is not to suggest that there isn't something /really/ nasty waiting to bite when I am least expecting it :-) There's the inherent problem that depending on the font characteristics, the line height, the characters in the text, the font size of the superscripts, the factors you've chosen, and the phase of the moon, some subscripts or superscripts might come too close, or even hit, characters on another line. But that's a risk we need to accept and to prepare for (especially by setting line-height and other key properties well). Agreed. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
Hi, I am basically using EMW8 as the company name. I'd rather do away with the 8, but some sod is just sitting on the domain. to make it be less important I want to make it superscript throughout the website whenever name dropping. So in this instance should I make a span, setting lower type face and padding-bottom that could work and not screw up all the other default stylings? Another option could be just to make a span making the 8 a soft grey rather than black, but I have already started to devlop the logo and it looks quite cool being ss. Not making things easy for myself! Cheers, CB On 26/09/2010, at 6:13 AM, Philip Taylor (Webmaster, Ret'd) wrote: Jukka K. Korpela wrote: vertical-align: baseline; position: relative; bottom: ex; That looks really cool and simple and seems to fix things nicely. How come I never thought of that? Don't know. What I /do/ know is that the problem drove me crazy until I hit on that idea. Are there any hidden problems? None that I've encountered so far, but that is not to suggest that there isn't something /really/ nasty waiting to bite when I am least expecting it :-) There's the inherent problem that depending on the font characteristics, the line height, the characters in the text, the font size of the superscripts, the factors you've chosen, and the phase of the moon, some subscripts or superscripts might come too close, or even hit, characters on another line. But that's a risk we need to accept and to prepare for (especially by setting line-height and other key properties well). Agreed. ** Phil. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
Chris, I have to be honest, I do not know what question(s) you are asking, IF you are asking "how should I enter EMW8 throughout my site so that it comes out consistently and with the 8 raised (and perhaps grey) without affecting anything else ?", I would propose something along the lines of the following : .EMW8 {whatever} .EMW8 sup {position: relative; vertical-align: baseline; size: 90%; bottom: 1ex; color: gray} EMW8 See http://Web-Consultants.Org.Uk/Sites/EMW8/ for a demo. As regards your preferred domain name, whilst "EMW".whatever is more-or-less full taken, there are still vacancies at "E-M-W". (e.g., e-m-w.biz) Philip Taylor Chris Blake wrote: I am basically using EMW8 as the company name. I'd rather do away with the 8, but some sod is just sitting on the domain. to make it be less important I want to make it superscript throughout the website whenever name dropping. So in this instance should I make a span, setting lower type face and padding-bottom that could work and not screw up all the other default stylings? Another option could be just to make a span making the 8 a soft grey rather than black, but I have already started to devlop the logo and it looks quite cool being ss. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
On Sep 26, 2010, at 7:13 AM, Philip Taylor (Webmaster, Ret'd) wrote: >>> vertical-align: baseline; >>> position: relative; >>> bottom: ex; I've used that for quite a while and it works fine across the board. At least it never blew up in my face :-) One nitpick: I'd use 'em' instead of 'ex'. Some browsers have poor support for 'ex' (treating 1ex= 0.5em, whatever the font in use, no questions asked) - IE running on XP, Opera. Some browsers have half broken support - with very different computation of what it should do/be (WebKit on every OS). Some browser have reasonable (IE8 on Vista & Win 7) or fairly good (Gecko 1.9+, all platforms) support for ex. This leads to completely unpredictable results. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
Philippe Wittenbergh wrote: One nitpick: I'd use 'em' instead of 'ex'. Some browsers have poor support for 'ex' (treating 1ex= 0.5em, whatever the font in use, no questions asked) - IE running on XP, Opera. Some browsers have half broken support - with very different computation of what it should do/be (WebKit on every OS). Some browser have reasonable (IE8 on Vista& Win 7) or fairly good (Gecko 1.9+, all platforms) support for ex. This leads to completely unpredictable results. Yes, I agree that there are good pragmatic reasons for using "em", but strictly speaking, "em" is a horizontal measure whilst "ex" is a vertical one, so I prefer to use "ex" in vertical contexts for that reason. Philip Taylor __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
At 1:08 AM +0300 9/26/10, Jukka K. Korpela wrote: and the phase of the moon, Ah-ha, that's what I was missing. Cheers, tedd -- --- http://sperling.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Subscripts and superscripts
Philippe Wittenbergh wrote: On Sep 26, 2010, at 7:13 AM, Philip Taylor (Webmaster, Ret'd) wrote: vertical-align: baseline; position: relative; bottom: ex; I've used that for quite a while and it works fine across the board. It seems that it wasn't completely new to me either... I had even written, in 2008, a short page "How to prevent uneven linespacing when subscripts or superscripts are used on web pages", http://www.cs.tut.fi/~jkorpela/www/linespacing.html that describes such a technique - I just didn't start using it for some odd reason. :-( One nitpick: I'd use 'em' instead of 'ex'. Some browsers have poor support for 'ex' (treating 1ex= 0.5em, whatever the font in use, no questions asked) - IE running on XP, Opera. That's what I though IE keeps using, but a quick test shows that you are right about IE 8 on Vista for example. So things are getting better. This leads to completely unpredictable results. Completely unpredictable? Really? My expectations are that ex is either the true x-height of the font, or the value 0.5em (which might be characterized as "rough average" of ex across fonts), or something near these values. In the long run, as browsers improve, ex for subscript or superscript placement can be expected to work better. Meanwhile, I'm willing to accept some variation. After all, if the placement details really matter, then they also depend on the font and on the characters involved. -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/