Home/ Questions/Q 7677277
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T17:23:12+00:00

I’m having some serious issues with the jQuery UI icons and I can’t see

  • 0

I’m having some serious issues with the jQuery UI icons and I can’t see what I’m doing wrong. I am using a custom jQuery UI css file generated from Themeroller. Here is the HTML I am using for the icons:

 <span class="expandDescription ui-state-default ui-icon ui-icon-zoomin"></span>

This works fine but when I put it into a table, everything goes haywire and I end up with what you see below:

Icons

This is in IE8. It doesn’t work much better in Chrome so I beleive something is up. Here is the actual HTML for the column:

    <td>

          <span class="expandDescription ui-state-default ui-icon ui-icon-zoomin"></span>
        </td>

How can I use the icons in a table and get them to render correctly? The crazier thing is that they work in a th but not in a td. Any thoughts?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The jQueryUI icons are built using specific sizes and the background position of a sprite. Any CSS that augments the size of the icon container will throw off which image is displayed.

    Check conflicting CSS that shifts background position, or add extra size through padding.

    • 0