By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,865 Members | 1,717 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,865 IT Pros & Developers. It's quick & easy.

<ol> formatting question..

P: n/a
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
Jul 31 '06 #1
Share this Question
Share on Google+
4 Replies


P: n/a
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)
Jul 31 '06 #2

P: n/a
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/
Jul 31 '06 #3

P: n/a
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)
Jul 31 '06 #4

P: n/a
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!!

Jul 31 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.