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

HDI wrote:
> On 17 feb, 20:42, Neredbojias <inva...@example.com> wrote:
>> On Fri, 16 Feb 2007 12:34:47 GMT HDI scribed:
>>
>>
>>
>>
>>
>>> Hi,
>>> .pic {
>>> font-family: Arial, Helvetica, sans-serif;
>>> font-size: 10px;
>>> line-height: 18px;
>>> font-weight: normal;
>>> text-decoration: none;
>>> list-style-position: outside;
>>> list-style-image: url(test.gif);
>>> }
>>> in my html:
>>> <ul>
>>> <li class="pic"><a href="01.html" target="_blank">01</a></li>
>>> <li class="pic"><a href="02.html" target="_blank">02</a></li>
>>> <li class="pic"><a href="03.html" target="_blank">03</a></li>
>>> </ul>
>>> the pic is bigger than the fontsize.
>>> How can I get the text in the middle of the pic?
>>> Thx
>> Did you try vertical-align:middle; in .pic?
>> Dunno if it actually works...
>>

>
> 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...

--
Take care,

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

[Back to original message]