The only other (not quite ideal) solution would be to abandon the default HTML bullets (list-style:none) and add graphic bullets closer to your list items:

padding-left: 1em;
list-style: none;
background: url(images/bullet.gif) no-repeat 110px 0.4em;

If you increase the right margin on the image just a little you will have more room to play with.

A tricky one!

-Hugh

Pete,

This may sound insane but the problem is fixable by floating the ul element.

ul { float: left; }

0r if more specific version is needed:

ul#wrapped-list { float: left; }

This will have a major impact on content that comes after the list (will
appear up beside the list), but this could be fixed by clearing after the
list. You could clear the semantically pure way:
http://www.positioniseverything.net/easyclearing.html


Or, you could apply an html based clear after the list.

Ok, I know it is a weird solution...
Russ



Hi,
I have a problem with images that are floated left and then when a list wraps
around that image the list bullet points themselves dont get pushed out by the
floated image and instead remain behind (or on top of) the image. to help
explain i've put a simple demo page together to show the problem in its most
basic form & explain in a bit more detail:


http://c41.com.au/test/ul_test.html

the css is all inline & very basic. the img tag has an empty src on purpose.
this is just an *example* of the prob. dont fear, the execution looks better
than the example :)


basically what I'm looking for is if there is a way to make the list item
markers always "obey" the floated image, but just behave as normal when the
image doesnt appear.


any help greatly appreciated. hope i've explained this well enough...
pete

****************************************************** The discussion list for http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************


****************************************************** The discussion list for http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************



Reply via email to