The class names don't match the style contents, seems they're mixed around and out of order. Problem with array sorting?
Should be easy to solve if images are sorted alphabetically first

When generating the css code for a sprite sheet, the background-position property has coordinates in a (y, x) order, when they should be in a (x, y) order

That way, you can click the textbox, choose select all, and copy it easily.

At the moment you have to select the code with the mouse. Then when you paste it into your IDE, theres line break issues to resolve.

Even better would be a 'Download CSS' button

I know it's hard but sprite edge detection would be very comfortable, it could be implemented non alpha bits of png images.
Also it's a time-savers and usefull with current state, thanks and regards for such an effort..

firat

Should't -0px; be just 0; ?

In CSS 0 is 0 no matter what measurements are, px, pt etc. And everywhere else 0 == 0.

Great script!

to answer your question, the purpose is to have tidy images and css code;
it is possible to use image sprite even if images are unordered, but that's just messy

need an option to generate vertically composed sprite, so it can be used for repeat-x case , for buttons for example.

test test

enable sort and set break point after set of images

hi, very nice tool! one tiny thing: you write "left->save as" to store image. It's the right button.

I don't know what

Tried adding 75 icons -- ended up with a very long image. Preview had them compact, which is nicer.

For example, instead of
<div class="sprites" id="Qty_gif"></div>
use
<div class="sprites Qty_gif"></div>

There is a privacy terms for uploaded photos of this service ???
What are you are doing with the uploaded photos?

Thanks

It would be nice know how to put the links into the div created by CSS Sprites. I have a really urgent issue in my Single Page Portfolio, i have created the social media icons with CSS Sprites and now i dont know how to put the links correctly for any social network.

Here the website to see the problem : http://tommywebdesigner.com

The output script thought I'd uploaded an 1x1px image, but it was 29x37px.

I uploaded an image that ended up being too wide to see the right column. Either make the image area more flexible or set a maximum width.