Problems with bullet lists – CSS or HTML?

[Feznizzle]

Hi,

First, I have zc15, a template installed, and i use CKEDITOR.

You can see it here:
JustUsedMedicalEquipment<DOT>com

PROBLEM
Whenever I create a bullet list, a space gets inserted below the list title.

EXAMPLE 1 - this is what I want

SURGERY TABLES

• Amsco 2080L Electric Surgery Table
• Mizuho OSI Jackson Table, Spinal Table
• Steris 3080RC Surgery Table
• Steris 3080RL OR Table

EXAMPLE 2 - this is what I get

SURGERY TABLES

• Amsco 2080L Electric Surgery Table
• Mizuho OSI Jackson Table, Spinal Table
• Steris 3080RC Surgery Table
• Steris 3080RL OR Table

This has driven me NUTZ... for years!!!

Am I missing something? Can this be fixed using CSS? If so... how?

Thanks!

[barco57]

on your "Equipment We Need... Now!" page you have entirely too many h1 tags. The should only ever be one h1 tag on a page. additionally h1-h6 tags have margins set on them in the stylesheet which maybe the contributing factor.

[Feznizzle]

Hi barco!

Yes, I was screwing around on that page. I really wish this problem was related to margins set by <h> tags!

To demonstrate my problem very clearly, I added a page for you:
justusedmedicalequipment<DOT>com/Equipment_We_Need..._Now/Bullet_List_Testing

On that page, I show the same list over and over, changing appearance each time. Then right beside it, the html I used to build it. I do not use any <h> tags.

I think the solution I need will be css related. Maybe there is a way to apply a negative margin above my list? To subtract out the space above, which I assume gets applied by the <p> tag?

But I'm terrible with css.

I'm really desperate to solve this problem. Anyone? Anyone? Bueller? lol

[lat9]

The space between the paragraph and the unordered-list is due to the combination of the 0.5em padding below the paragraph and the 12px top-margin on the unordered list.

You could add the following to your stylesheet, so that anytime a <p> is followed directly by a <ul> there is no intervening space:

p+ul { margin-top: -0.5em; }

[mc12345678]

If not aware, this can be applied to individual product, categories, designated pages etc. as necessary. See the includes/templates/template_default/css/CSS_read_me.txt file.

[Feznizzle]

lat9...

¡¡¡ A*W*E*S*O*M*E !!!

Thank you so, so very much. Seriously. This has bugged me for so many years! Thank you thank you thank you!

And thanks for the extra tip on how to limit the application, mc!