Posted by Jonathan N. Little on 02/20/07 19:54

HDI wrote:
> On 20 feb, 18:54, "Jonathan N. Little" <lws4...@centralva.net> wrote:

[trying to control list image's vertical position]

>>> Doesn't work
>> It won't you cannot control this. Only way I can think of is make image
>> a GIF with transparency and "pad" appropriately to position image where
>> you wish. NOTE: not all browser will position image in the same place so
>> you will have to test and tweak...
>>

>
> It's possible, I saw it on adobe.com.
>
> If i have more time I take a closer look for now I take he image tag.
>

I beg to differ. You may specify an image for a LI, and you can set the
'list-style-position' to be inside or outside the the 'block' (which
render a bit differently between browser's like IE vs the rest. We get
posts often about this). But your cannot position the image vertically.
The only way with the list-style-image is via method that I described, a
kludge at best. Otherwise would have to set UL to 'list-style: none;'
and physically stick an image in there:

<li><img src="...

or set a 'background-image' to the LI and make sure you have padding set
correctly to allow for your image to show...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]