Thread: How to Wrap an Unordered List Around an Ad Block / Image?

Originally Posted by Charles

Nope, I added in the clear:both; just now. What I wanted was some padding on the left side of the <ul>, but I couldn't work it out... So...

Yeah I pretty much just always break it up in that situation and start the list below the floated element. But if you wanted was some padding on the portion of the list to the right of the ad element and not padding on the bottom portion of the list that is below the ad element, you could probably do it with javascript by finding li elements with x & y positions > xx and < yy(these are set by you) respectively, then look for some with < xx and > yy, those are the ones below the ad, add padding attributes to the li's in the first group. I'm not sure how well this would work or how complicated it would become with a fluid layout but I almost never use them.

You could maybe do it with html/css but that's over my head. And doing it with javascript wouldn't be worth it, imo.
Nobody's gonna care but other designers.

Originally Posted by LogicFlux

Yeah I pretty much just always break it up in that situation and start the list below the floated element. But if you wanted was some padding on the portion of the list to the right of the ad element and not padding on the bottom portion of the list that is below the ad element, you could probably do it with javascript by finding li elements with x & y positions > xx and < yy(these are set by you) respectively, then look for some with < xx and > yy, those are the ones below the ad, add padding attributes to the li's in the first group. I'm not sure how well this would work or how complicated it would become with a fluid layout but I almost never use them.

You could maybe do it with html/css but that's over my head. And doing it with javascript wouldn't be worth it, imo.
Nobody's gonna care but other designers.

Thanks a dozen for your time!