Problems with UL margins

[SalidaGuy]

I know this is easy, but something is not working with my UL tag. The margins are being ignored, and I cannot figure out how to make this look neat

http://www.doubleupsforbeds.com/mattress-pads/adjustable-beds/split-head-foot-adjustable-bed/royal-european-pillow-top-mattress-pads-for-adj-beds.html

in the center of the page, the list starting with – 100% Breathable Polyester

As you can see, the bullets are right up against the photo border. I have margins, but they are being ignored. Firebug shows the UL going the width of the container, I want it to flow with the image, so a clear will not work, as that drops the whole UL below the image.

Probably something simple in the parent CSS file, that I need to override in the child CSS file.

Any suggestions would be appreciated.

mark

[TheDoc]

Super simple change! Just do this:

.category-description {

margin: 0 0 10px 135px;

}

The 135px is about the width of the image on the left. This just makes sure that the text will never go below the image.

[seb_z_lite]

I just checked and it’s 160px exactly instead of 135! It works well.

[SalidaGuy]

This is a good idea, but for other pages, the UL list falls below the image:

http://www.doubleupsforbeds.com/sheet-sets/adjustable-beds.html

This added margin would make these list very narrow.

Is there another idea?

mark

[SalidaGuy]

Duh, I put a right margin on the photo, that seems to fix it in all situations.

mark

[Author]

Posts