I played around with the style
.ss_sprite {
display:inline;
overflow:hidden;
height:18px;
padding-left:18px;
padding-bottom:5px;
background-repeat:no-repeat;
background-image:url(sprites.png);
}
and found that if I change the padding-bottom to 3px. I could get it
to display well in all browsers except Firefox on Windows. Firefox on
Mac was ok.
Next I tried to adjust background-position in the specific icon style,
e.g. .ss_table_delete {background-position:0px -15461px;}. It had the
some effect looks good in IE, Safari, Firefox on mac, but not firefox
on windows.
Maybe with a little more experimentation and/or a conditional style
for Firefox on windows I could get all browsers to work.
Jason
On Mon, Jan 19, 2009 at 7:46 AM, jsmorris <[email protected]> wrote:
> I have also seen this with the sprite plugin, but only in Firefox.
> Safari and IE seem to render the image fine. I have not had time to
> look into this, but would like to have an answer as well.
>
> On Sun, Jan 18, 2009 at 12:04 PM, gerkuil <[email protected]> wrote:
>>
>> Hi All,
>>
>> Don't know if this question had been asked but I am having some
>> problems with the sprites css:
>> It seems that when an icon is displayed in the middle of a line a part
>> of the following image is displayed, to see this paste the code below
>> in the test.htm that comes with the Bluesprite.
>>
>> Regards,
>>
>> Gerrit Kuilder
>>
>> <p>Lorem ipsum dolor sit amet, <span class="ss_sprite ss_clock
>> "> </span> consectetur adipiscing elit. Suspendisse porttitor
>> auctor pede. Vestibulum nisi. Phasellus et odio.
>> Integer adipiscing dolor at ipsum. Duis nec orci. In at orci
>> id
>> turpis placerat pretium. Class aptent taciti sociosqu ad litora
>> torquent per
>> conubia nostra, per inceptos himenaeos. Aliquam ultrices
>> <span
>> class="ss_sprite ss_date "> </span> lacus nec quam. Curabitur eu
>> sapien. Aliquam ipsum felis, rhoncus sit amet,
>> facilisis ornare, semper vel, enim. Nunc ornare libero.
>> Aenean a
>> turpis. Aliquam imperdiet nulla in diam. Nunc molestie, massa quis
>> vehicula cursus, <span class="ss_sprite ss_clock
>> "> </span>
>> quam pede scelerisque mi, id convallis turpis ipsum ac lacus. <span
>> class="ss_sprite ss_date"> </span> Maecenas pellentesque
>> eleifend metus. Sed mattis,
>> orci vestibulum tristique tincidunt, quam libero facilisis
>> massa, et
>> congue sapien neque rhoncus orci. Sed sodales ipsum eu massa. </p>
>>
>> >>
>>
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
