|
|
Posted by Ben C on 02/16/07 18:39
On 2007-02-16, HDI <hdinf@hotmail.com> wrote:
> 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?
You can't get that kind of fine-grained control over list style images.
You'd have to make the images elements in their own right (img for
example) and arrange for the vertical centering using another means.
Navigation:
[Reply to this message]
|