<ol> formatting question..

[maya]

I need each paragr (i.e., each <li>) to have a blank line afterwards,
like this..
1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

I put two <br>'s right before </liand it works fine for both IE and FF
(miraculously...;), but this is for content that will be inserted via a
CMS, so would like to do all these kinds of attr's in CSS..

thank you very much..

-m

[Johannes Koch]

maya wrote:

I need each paragr (i.e., each <li>) to have a blank line afterwards,
like this..
1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

li {
margin-bottom: 1em
}
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

[Els]

maya wrote:

I need each paragr (i.e., each <li>) to have a blank line afterwards,
like this..

1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

I put two <br>'s right before </liand it works fine for both IE and FF
(miraculously...;), but this is for content that will be inserted via a
CMS, so would like to do all these kinds of attr's in CSS..

Just give your CSS the following rule:
ol li{margin-bottom:1em;}
Or more of course, depends on how much space you want.
Best then also add ol{margin-bottom:0;}, so that below the last one
line of an <olthere won't be more space than you want.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

[Chris F.A. Johnson]

On 2006-07-31, maya wrote:

I need each paragr (i.e., each <li>) to have a blank line afterwards,
like this..
1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

I put two <br>'s right before </liand it works fine for both IE and FF
(miraculously...;), but this is for content that will be inserted via a
CMS, so would like to do all these kinds of attr's in CSS..

ol li {
padding-bottom: 1em;
}

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

[maya]

Chris F.A. Johnson wrote:

On 2006-07-31, maya wrote:

>I need each paragr (i.e., each <li>) to have a blank line afterwards,
like this..
1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.

I put two <br>'s right before </liand it works fine for both IE and FF
(miraculously...;), but this is for content that will be inserted via a
CMS, so would like to do all these kinds of attr's in CSS..

ol li {
padding-bottom: 1em;
}

perfect :)

thank you all so much for prompt responses!!