On Jan 24, 2006, at 2:12 PM, Matthew Levine wrote:
> On Jan 24, 2006, at 3:30 PM, Francesco wrote:
>
>> The text inside the LI appears lower slightly lower
>> (almost subscripted) to the custom image. We usd to
>> fix such things with vertical-align: middle; before
>> CSS. How is this corrected now?
>
> Francesco,
>
> This is often a headache for me, too. I'd play around with the
> padding, height, line-height, and vertical-align of the list items.
> However, I usually resort to adding a few rows of transparent pixels
> to the top of my bullet images.
Or, you could play around with background positioning.
Example code:
/* For list items: */
ul.giveBull {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
list-style: none;
}
ul.giveBull li {
padding: 0 0 5px 10px;
background: url(bullet.gif) no-repeat 0 .5em; /* Try
percentages or
pixels or whatever you want. Just make sure units are the same. */
}
/* End list item definitions */
Hth,
Micky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
