Trish Meyer wrote:
> http://www.co-op7.org/
> http://www.co-op7.org/stylesheets/coop7.css
>
> Having a typesetting background, I have strong feelings for
> appropriate amounts of "Space Before" and "Space After" a paragraph.
>
> So I make classes like ".smallmargintop" to reduce the space above an
> <h2> that follows an <h1>, as well as the class ".extraspacebefore"
> to add more space before some headers. But these only work on regular
> <p> <h1> and <h2> etc tags.
>
> As soon as I get specific with sub sections, like
>
> #sidebar h1
> #profile p
>
> and so on, the classes I created to override inter paragraph spaces don't
> work.
>
> Is there a simple way to make classes like these always override the
> style? I do I have to make styles like
> #sidebar h1.smallmargintop
>
> and so on for every combination
>
> hope that make sense,
>
> thanks,
> Trish
>
Hmm. You make sense-- sort of. I am not so sure if my reply will make
sense-- at all:
Headings reflect the logical structure of the document. They are not be
used to add emphasis, or to change the font size. And most of the time
there is only one h1 heading, and it is the title of the page. It is
much easier to set the fonts for a document that is source ordered
(primary content first).
Even a complex page seldom needs classes to set lead. If your
typesetting background is hot-metal then think along similar lines. Use
margin-top and bottom on the headings as you would lead. And sometimes
line-height is used with headings, too (but that can get tricky). Use
margin-top and bottom for the paragraphs. And line-height (it usually a
raw number) to lead the sentences (lines) of p. An exception to the
class might be a last paragraph that would be p.last with a deeper
margin bottom (although you could pad the bottom of its container,
instead; or, use br.lead {line-height: 2.5 or whatever; ). You can then
vary specific and individual selectors by changing the font-size and/or
margin/line-height.
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
