 | |
Setting exact space below baseline
Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
Setting exact space below baseline -
07-02-2004
, 10:01 AM
#2
| |||
| |||
|
|
Hello. Is it possible to specify the exact space between two lines, measured from the baseline of the top line to the ascenders of the second line? I tried adding the space with padding-bottom, but it adds it below the descenders. So the actual space between lines is larger than I specified. Jacob |
I should add that I could make it work with line-height, but that would
require me to know the font size in advance.
Jacob
#3
| |||
| |||
|
|
In article <jacob-45C538.10011002072004 (AT) news03 (DOT) east.earthlink.net>, Jacob Weber <jacob (AT) jacobweber (DOT) com> wrote: Hello. Is it possible to specify the exact space between two lines, measured from the baseline of the top line to the ascenders of the second line? I tried adding the space with padding-bottom, but it adds it below the descenders. So the actual space between lines is larger than I specified. Jacob I should add that I could make it work with line-height, but that would require me to know the font size in advance. |
in the way you want if you set the font/line height in % or em?
--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies.
#4
| |||
| |||
|
|
In article <jacob-45C538.10011002072004 (AT) news03 (DOT) east.earthlink.net>, Jacob Weber <jacob (AT) jacobweber (DOT) com> wrote: Hello. Is it possible to specify the exact space between two lines, measured from the baseline of the top line to the ascenders of the second line? I tried adding the space with padding-bottom, but it adds it below the descenders. So the actual space between lines is larger than I specified. I should add that I could make it work with line-height, but that would require me to know the font size in advance. |
line-height: 1.2; sets the line-height to be 1.2 times the font-size,
doesn't matter what the font size is.
If this isn't enough then I think you're not giving us all the details
of your particular situation.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>
#5
| |||
| |||
|
|
Jacob Weber wrote in jacob-B71E4A.13022402072004 (AT) new....earthlink.net In article <jacob-45C538.10011002072004 (AT) news03 (DOT) east.earthlink.net>, Jacob Weber <jacob (AT) jacobweber (DOT) com> wrote: Hello. Is it possible to specify the exact space between two lines, measured from the baseline of the top line to the ascenders of the second line? I tried adding the space with padding-bottom, but it adds it below the descenders. So the actual space between lines is larger than I specified. Jacob I should add that I could make it work with line-height, but that would require me to know the font size in advance. At a guess, you're setting the font in px - can you get line-height to work in the way you want if you set the font/line height in % or em? |
#6
| |||
| |||
|
|
In article <jacob-45C538.10011002072004 (AT) news03 (DOT) east.earthlink.net>, Jacob Weber <jacob (AT) jacobweber (DOT) com> wrote: Hello. Is it possible to specify the exact space between two lines, measured from the baseline of the top line to the ascenders of the second line? I tried adding the space with padding-bottom, but it adds it below the descenders. So the actual space between lines is larger than I specified. Jacob I should add that I could make it work with line-height, but that would require me to know the font size in advance. At a guess, you're setting the font in px - can you get line-height to work in the way you want if you set the font/line height in % or em? *sigh* THIS is why we always request a URL to a test case... |
Okay, you can stop your sighing.
http://www.jacobweber.com/style_test.html
As you can see, the two lines have a certain amount of space between
them. I'd like to be able to specify that, in pixels.
But my fonts are specified as percentages, so I don't know the exact
pixel size. If I set line-height in pixels, I would have to guess. If I
set line-height in %, I wouldn't be able to set the exact number of
pixels between the lines.
Hope that helps,
Jacob
#7
| |||
| |||
|
| http://www.jacobweber.com/style_test.html As you can see, the two lines have a certain amount of space between them. I'd like to be able to specify that, in pixels. But my fonts are specified as percentages, so I don't know the exact pixel size. If I set line-height in pixels, I would have to guess. If I set line-height in %, I wouldn't be able to set the exact number of pixels between the lines. |
mightbe 100px tall, but you want the space between the lines of text
to always be, for example, 5px.
Put that way, does it make sense to want such a thing?
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>
#8
| |||
| |||
|
|
So, for some users the text might be 10px tall and for others it mightbe 100px tall, but you want the space between the lines of text to always be, for example, 5px. Put that way, does it make sense to want such a thing? |
space between lines in pixels, although the font size itself is
browser-dependent. Is this possible?
Jacob
#9
| |||
| |||
|
|
In article <rcebe0hnucra182chggakniv5f6hqrgffr (AT) 4ax (DOT) com>, Steve Pugh <steve (AT) pugh (DOT) net> wrote: So, for some users the text might be 10px tall and for others it mightbe 100px tall, but you want the space between the lines of text to always be, for example, 5px. Put that way, does it make sense to want such a thing? Exactly. |
want such a thing?
Quote:
|
I'm implementing a design, and the designers specified the space between lines in pixels, although the font size itself is browser-dependent. |
at the designer's font-size (which is likely to be the factory
setting). It will then scale accordingly at other font sizes. Best of
both worlds.
Did the designer really specify percentage font sizes and pixel
spacing between lines? Or did you "translate" his font sizes into
percentages?
Quote:
|
Is this possible? |
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>
#10
| |||
| |||
|
|
In article <rcebe0hnucra182chggakniv5f6hqrgffr (AT) 4ax (DOT) com>, Steve Pugh <steve (AT) pugh (DOT) net> wrote: So, for some users the text might be 10px tall and for others it mightbe 100px tall, but you want the space between the lines of text to always be, for example, 5px. Put that way, does it make sense to want such a thing? Exactly. I'm implementing a design, and the designers specified the space between lines in pixels, although the font size itself is browser-dependent. Is this possible? |
persue this what you really need is a line-spacing property rather
than a line-height.
Unfortunately, line-spacing isn't in CSS Level 2. As far as I recall,
it isn't in CSS Level 3 either, but since it'll be many years before
that's implemented by browsers that's more just a sidenote.
Your only option here is to set your font size in pixels or to give in
and let the line height be dependent on the font-size. I'd pick the
latter, but then I don't tend to allow so-called designers to override
well-considered good practices in web authoring.
Good luck,
-Claire
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.