Tim,
Thanks! This won't work very well though because not all LIs have image and I
can't foresee which one will not have.
Your example gave me an idea to remove the float, and it seems to be working.
See the test page again!
vertical-align:top makes the image aligns with the text.
tee
On Oct 14, 2010, at 6:16 PM, Tim White wrote:
> Tee,
>
> Just a quick test I came up with this:
>
> li {
> padding-bottom: 5px;
> clear: both;
> list-style-type: disc;
> padding-left: 75px;
> margin-bottom: 50px;
> position: relative;
> }
> li img {
> position: absolute;
> top: 0; left: 0;
> border:1px solid red;
> }
>
> Instead of floating your image, position it in the LI. With list-style
> outside or no list-style this worked in Chrome, Opera, Firefox and IE
> 8. I just quickly hacked the rest of the numbers to get it to work.
>
> Tim W.
>
> (By the way, you have class="outside" on your last list item in the
> HTML and I don't think you meant to)
>
>
> On Thu, Oct 14, 2010 at 7:43 PM, tee <weblis...@gmail.com> wrote:
>> In this page:
>> http://lotusseedsdesign.com/css-test/list-style.html
>>
>> Only Firefox got it right. Have not checked in IE yet.
>>
>> li {padding-bottom: 5px;clear: both;list-style-type: disc;margin-left: 25px;}
>> li img {float: left;margin-right:10px;margin-bottom: 10px;border:0}
>>
>> li.inside{list-style-position: inside}
>> li.outside{list-style-position: outside}
>>
>>
>> Is there a workaround?
>>
>> tee
>>
>>
>> *******************************************************************
>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>> Help: memberh...@webstandardsgroup.org
>> *******************************************************************
>>
>>
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> *******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
