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?
Thank you.
Debbie P.
--
Microsoft: "You've got questions.
We've got dancing paperclips."
______________________________________________________________________
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/
