Previous Message
Next Message

Vertically Centered Inline Graphic - Safari Bug?

Sent by Jeff Ferrell on 17 June 2004 18:06


On Jun 17, 2004, at 9:24 AM, Zoe Gillenwater wrote:

> Did you try vertical-align: middle?
>
>> In order to tweak the spacing, I've got the code setting them as 
>> background images in a <span> -- that way I can specify a 50% 
>> vertical offset, like this:
>>
>> <span style=\"background: 
>> url(http://www.ferrellweb.com/wp/wp-images/smilies/standard/$img) 50% 
>> 50% no-repeat; width: 18px; height: 18px; border: 1px solid black; 
>> display: inline-block\">&nbsp;</span>

Derp. I forgot all about that one. Was trying to be too slick for my 
own good, I think. I went back to the original:

<img src='" . get_settings('siteurl') . "/wp-images/smilies/$img' 
alt='$smiley_masked' style='vertical-align: middle;'/>

Easy as pie.


>> So far so good, right?
>
> Hmm, not in NN7.1 on WinXP.  The poor smileys are cut off on both the 
> left and right, they're just little skinny rectangles.

Ack! Hadn't looked! But now it is, I believe, fixed.

Thanks!
~Jeff.

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: