Hi Bill,
I did find one problem with your CSS. If the bullet item's content is
really long, it will no longer wraps around the image. Because of the
inline-block, it will simply move the entire list below the floated
element.
Thanks for your suggestion anyway.
--Stephen
---------- Forwarded message ----------
From: Bill Brown <macnim...@gmail.com>
To: Stephen Tang <clowwizarder...@gmail.com>
Date: Mon, 11 May 2009 14:56:46 -0400
Subject: Re: [css-d] Image bullets and floated images
Stephen Tang wrote:
[snipped/]
list item. Is there any way to get the bullet images next to the list
items again? I don't want to jeopardize the text-wrapping either.
http://stephentang.info/floattest/test.html
Something like this ought to work for you:
~~~
body, ul, p, li, div
{margin:0;padding:0;}
.container
{height:600px;width:700px;border:1px red solid;}
.floatedobj
{border:1px blue solid;margin-right:20px;height:100px;width:300px;
float:left;}
p
{margin-bottom:5px;}
ul
{list-style:none;margin:0;padding:0;display:inline-block;}
ul
{display:inline!ie;}
ul li
{list-style:none;margin:0;padding:0 0 0 10px;
background:transparent url(bullet_hdr.gif) no-repeat scroll 0 8px;}
~~~
Hope it helps.
--Bill
--
<!--
! Bill Brown <macnim...@gmail.com>
! Web Developologist, WebDevelopedia.com
-->
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
