Dreamweaver - Line spacing in bulleted lists

Author

Line spacing in bulleted lists

Trev

2004-03-06, 7:28 pm

How do I insert a blank line between each item in a bulleted list?

Thanks,

--

Trev (Milnrow, UK)

Kindler Chase

2004-03-06, 9:28 pm

Trev wrote:
> How do I insert a blank line between each item in a bulleted list?
>
> Thanks,

The lazy way:

<ul>
<li>some stuff </li>
<li>more stuff </li>
<li>no more stuff</li>
<ul>

The CSS way:

li {
line-height: 1.6em;
}

*adjust the height as needed.

--

kindler chase
http://www.ncubed.com
Home of SuperInvoice: The Online Invoicing Application.
Organize your billing process and impress your clients.

news://news.ncubed.com/support
n3 Support Group

Barry Pearson

2004-03-07, 6:28 am

Trev wrote:
> How do I insert a blank line between each item in a bulleted list?

If the items can each occupy more than 1 line, you may want the extra gap only
to be between items, not between all lines. This may be what you want in the
CSS, or a variant:

li { margin-bottom: 1em; }

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/

Trev

2004-03-08, 2:31 pm

On Sat, 6 Mar 2004 18:30:01 -0700, "Kindler Chase"
<weaver@DELETE_ME_roubaixinteractive.com> wrote:

>Trev wrote:
>
>The lazy way:
>
><ul>
><li>some stuff </li>
><li>more stuff </li>
><li>no more stuff</li>
><ul>
>
>The CSS way:
>
>li {
> line-height: 1.6em;
>}
>
>*adjust the height as needed.

Thanks for the responses. Although I am a little confused as to why I
have to use code. By trial and error I have found that pressing the
return key produces a bullet (obviously). Pressing it whilst holding
down the shift key does not produce a bullet. Is this a lazy way or a
simple way....or should I be looking for something more complicated?
--

Trev (Milnrow, UK)

jojo

2004-03-08, 2:31 pm

Trev wrote:

> Thanks for the responses. Although I am a little confused as to why I
> have to use code. By trial and error I have found that pressing the
> return key produces a bullet (obviously). Pressing it whilst holding
> down the shift key does not produce a bullet. Is this a lazy way or a
> simple way....or should I be looking for something more complicated?

It's a lazy way :)

You are just adding a tag between each li tag. If your text
doesn't span more than one line height use the css line height as
Kindler suggested.

--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
----------------------------------------------------