Problems with bullet lists – CSS or HTML?

[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!