General
-
CSS class names mis-matched
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 first28 votes -
custom sprite generated css code has background position in wrong order
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
9 votesunder review ·
AdminNicolas Crovatti
(Admin, ncrovatti)
responded
Thanks for reporting! I’m reviewing this asap.
-
Put the generated css and html into a textbox, not a div
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
8 votes -
I know it's hard but sprite edge detection would be very comfortable
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
7 votes -
Should't -0px; be just 0; ?
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!
7 votes -
Please sort the images and keep the output sorted again
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 messy6 votes -
would be nice to option to generate vertically arranged sprite, so that repeat-x can be used
need an option to generate vertically composed sprite, so it can be used for repeat-x case , for buttons for example.
6 votesunder review ·
AdminNicolas Crovatti
(Admin, ncrovatti)
responded
Interesting. Thanks for your feedback.
-
test
test test
3 votes -
it will be nice to allow set the sprite dimmentions
enable sort and set break point after set of images
3 votes -
description: right click
hi, very nice tool! one tiny thing: you write "left->save as" to store image. It's the right button.
2 votes -
Firefox 4 can't display bg images from parent .class based on #id
I don't know what
1 vote -
Suggest vertical and horizontal dimensions to improve size
Example: I have 433 icons to make a sprite(very large one set). I know currently the generator is accepting 200 , but follow me in the example please.
What I would do is get the square root of the number to get a suggestion (20,8) so I know that I would need a shape around 20 or 21. So I select 20 to calculate the other dimension:
433/20=21,65 ->I need a 20x22 rectangle to get all the icons in a shape.
The idea is to get an image as small as possible in dimensions
To see an example, see http://flag-sprites.com/… more1 vote -
Compact image
Tried adding 75 icons -- ended up with a very long image. Preview had them compact, which is nicer.
1 vote -
Dont use ids for the sprites, but classes. Then when a sprite is used twice on the page you do not get an html warning.
For example, instead of
<div class="sprites" id="Qty_gif"></div>
use
<div class="sprites Qty_gif"></div>1 vote -
There is a privacy terms for uploaded photos??? What are you are doing with the uploaded photos?
There is a privacy terms for uploaded photos of this service ???
What are you are doing with the uploaded photos?Thanks
1 vote -
How to put the links into the Div created by CSS Sprites
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
1 vote -
Wrong image dimensions detected
The output script thought I'd uploaded an 1x1px image, but it was 29x37px.
1 vote -
Make the width flexible in the custom image part
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.
1 vote