[css-d] Space between paragraphs too large
Hi,
For my website I have:
body { font-size: small; } and p { font-size: 92%; } and li { font-size: 92%;
}
The effect I'm getting on the site now is that the spacing between paragraphs
and li items is too large for my liking. Is there a way to proportionally
reduce the space?
The site is www.locallaw11news.com
Sincerely,
Brian
__
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] Space between paragraphs too large
Brian M. Curran wrote:
Hi,
For my website I have:
body { font-size: small; } and p { font-size: 92%; } and li { font-size:
92%; }
The effect I'm getting on the site now is that the spacing between paragraphs
and li items is too large for my liking. Is there a way to proportionally
reduce the space?
The site is www.locallaw11news.com
Sincerely,
Brian
Add this ruleset and set the bottom margin to taste:
p {
margin:
0
0
0
0;
}
As ever,
Helen Keller
__
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] Space between paragraphs too large
Brian M. Curran wrote:
Hi,
For my website I have:
body { font-size: small; } and p { font-size: 92%; } and li {
font-size: 92%; }
The effect I'm getting on the site now is that the spacing between
paragraphs and li items is too large for my liking. Is there a way to
proportionally reduce the space?
The site is www.locallaw11news.com
Sincerely,
Brian
David Laakso
Add this ruleset and set the bottom margin to taste:
p {
margin:
0
0
0
0;
}
Thank you for the reply. I was aware of that. I was wondering if there was a
way to proportionally reduce the space, to match the 8% text size reduction?
It seems that when I specified 92% that the text size reduced, by the
spacing between paragraphs did not???
__
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] Space between paragraphs too large
Brian M. Curran wrote:
Brian M. Curran wrote:
The site is www.locallaw11news.com
Thank you for the reply. I was aware of that. I was wondering if there was a
way to proportionally reduce the space, to match the 8% text size reduction?
It seems that when I specified 92% that the text size reduced, by the
spacing between paragraphs did not???
No there is not a way to do that.
It is the same with CSS as it is with print typography. The size of the
type specified is the size of the glyphs of the font specified. The
horizontal gutters between paragraphs and headings are set with more
lead in hot-metal; and, they are set with a margin on the Web. In other
words there is no direct correlation between the font-size and the
horizontal-gutters in CSS, other than the individual browser default for
margin. To kill the default margins add p {margin: 0 0 0 0;}. To adjust
the horizontal-gutter to suit your particular and quite peculiar
personal concept of typographic taste, tweak the margin-bottom to adjust
the height of the gutter. In hot metal, you would have added or removed
lead.
PS The purpose of typography is to make content readable.
__
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] Space between paragraphs too large
I'm a print person from way back before we were using these newfangled
computers to do our work. I was also a typesetter.
Serif fonts for body text are great for print, not so much for the
web. Especially as small as you have the text. I'd have to really,
really want to read the article to muddle through all that smallish
serif text. The monitor takes that text and breaks those little serifs
into pixels. Instead of the serifs causing the characters to flow into
each other, as in print, they just get clunky. On a PC - which tends
to thin out the strokes - they're even worse, unless people know how
to set their anti-aliasing (most older users I deal with are lucky to
know how to turn on their computer). Unless your target market is the
twentyish crowd...I'm thinking your demographic is spread out along
the age continuum a little more than that.
Serif headers are a great counterpoint to a sans-serif body.
Theresa
On Oct 2, 2009, at 3:45 PM, David Laakso wrote:
Brian M. Curran wrote:
Brian M. Curran wrote:
The site is www.locallaw11news.com
Thank you for the reply. I was aware of that. I was wondering if
there was a
way to proportionally reduce the space, to match the 8% text size
reduction?
It seems that when I specified 92% that the text size reduced, by the
spacing between paragraphs did not???
No there is not a way to do that.
It is the same with CSS as it is with print typography. The size of
the
type specified is the size of the glyphs of the font specified. The
horizontal gutters between paragraphs and headings are set with more
lead in hot-metal; and, they are set with a margin on the Web. In
other
words there is no direct correlation between the font-size and the
horizontal-gutters in CSS, other than the individual browser default
for
margin. To kill the default margins add p {margin: 0 0 0 0;}. To
adjust
the horizontal-gutter to suit your particular and quite peculiar
personal concept of typographic taste, tweak the margin-bottom to
adjust
the height of the gutter. In hot metal, you would have added or
removed
lead.
PS The purpose of typography is to make content readable.
__
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] Space between paragraphs too large
Brian M. Curran wrote: Lol, thank you. Good point, but look at the NY Times online. They don't go by the rule book either. Do you have a question for which you do not already have an answer? ~d __ 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-d] space between paragraphs
The space between paragraphs is much bigger on a PC than a Mac. Is there some way to control the space and make it more consistent? Thanks, Eliana - Eliana Berlfein Sidewalk Cafe Design The Art and Soul of Web Design 1920 13th Street, Suite C Boulder, Colorado, 80302 720.565.0126 [EMAIL PROTECTED] http://www.sidewalkcafedesign.com http://www.mochaforartists.com - Websites for artists __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] space between paragraphs
On Mon, Jun 27, 2005 at 05:46:17PM -0600, Eliana Berlfein wrote:
The space between paragraphs is much bigger on a PC than a Mac. Is
there some way to control the space and make it more consistent?
You could do
p {
margin-bottom: [some length];
padding-bottom: [some other length];
margin-top: [still another length];
padding-top: [a fourth length];
}
Let us know if that works for you.
--
Stephen R. Laniel
[EMAIL PROTECTED]
+(617) 308-5571
http://laniels.org/
PGP key: http://laniels.org/slaniel.key
signature.asc
Description: Digital signature
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] space between paragraphs
From: Eliana Berlfein The space between paragraphs is much bigger on a PC than a Mac. Is there some way to control the space and make it more consistent? Set the top and bottom margins and padding to values that work nicely for your intended use and preferences. Different browsers may use different default values when these settings aren't specifically declared. You may want to remove all top spacing and use only bottom spacing, or vice versa, or even some mix of both. Headings will likely need matching treatment. The use of em or % values can be good for this sort of adjustment as the spacing will scale with text size changes that a user may make. -- Peter Williams __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] space between paragraphs
Eliana Berlfein wrote:
The space between paragraphs is much bigger on a PC than a Mac. Is
there some way to control the space and make it more consistent?
This is something set by the user agent. In Firefox the rule is thus:
p {margin: 1em 0;} (res/html.css)
The rule for Konqueror (KHTML) in Linux is similar
(khtml/css/html4.css), and should be the same as Safari. Explicitly
setting the margin for p in your stylesheet should match them pretty
well as long as both Mac PC are using the exact same fonts and your
doctype keeps the browsers in standards mode.
--
Love does not demand its own way.1 Corinthians 13:5
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] space between paragraphs
Stephen R Laniel wrote:
On Mon, Jun 27, 2005 at 08:41:03PM -0400, Felix Miata wrote:
The space between paragraphs is much bigger on a PC than a Mac. Is
there some way to control the space and make it more consistent?
This is something set by the user agent. In Firefox the rule is thus:
p {margin: 1em 0;} (res/html.css)
Wait, doesn't the page's author's CSS override the browser's CSS?
Only when the author actually does it. He doesn't have to.
--
Love does not demand its own way.1 Corinthians 13:5
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] space between paragraphs
On Mon, Jun 27, 2005 at 10:04:04PM -0400, Felix Miata wrote: Wait, doesn't the page's author's CSS override the browser's CSS? Only when the author actually does it. He doesn't have to. But if the original poster was trying to figure out how to make her pages look good in multiple browsers, the correct answer is to change the page's CSS. -- Stephen R. Laniel [EMAIL PROTECTED] +(617) 308-5571 http://laniels.org/ PGP key: http://laniels.org/slaniel.key signature.asc Description: Digital signature __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
