Debbie Pomerance wrote:
> On 8/15/06, Zoe M. Gillenwater <[EMAIL PROTECTED]> wrote:
>
>> Christy Collins wrote:
>>
>>> On Aug 11, 2006, at 3:20 PM, Rachel Wright wrote:
>>>
>>>
>>>> I have an unordered list with graphical bullets and I need to
>>>> center the
>>>> text vertically to the graphical bullets. How do I do this?
>>>>
>>> Something like:
>>> li{
>>> background: #fff url(image.gif) no-repeat 45% left;
>>> }
>>>
>>> tweaked to actually center the bullet
>>> see:
>>> http://css.maxdesign.com.au/listamatic/vertical05.htm
>>>
>> This works if the text is only one line long. If it wraps onto two or
>> more lines, the background image is going to be centered in regards to
>> the entire height of the list item, which is probably not what you want.
>> I recommend using a small em value, like .3em, to nudge your background
>> image down and keep it roughly centered with the first line of text no
>> matter how many more come after it.
>>
>> I would like to try out Zoe's suggestion with an em; can someone show the
>>
> css using this technique - how would it change the suggested css code
> offered above?
>
>
Debbie,
Use something like this:
li{
background: #fff url(image.gif) no-repeat 0 .3em;
}
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
