SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    221
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Sprite Generators

    Anyone using any of those sprite generators out there?

    I just started to play with them, cause I have to change the sprite of a site that I made and thought if these generators would help.

    But from 2 of the sites that I tried, it seems like they only help take 2 images, eg: a "off" and a "on" state and put them together. comes with a css to offset the height.

    Is that generally how a generator works? Cause I don't think its very useful when I can just combine the 2 images myself with PS.

    Just to add, I think it'll be useful if we could define the different sections along the image that needs an hover effect. Basically just to save from calculating the width to offset during the hover.

  2. #2
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    221
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i happen to found this site. http://css-sprit.es/

    Check out the custom sprite thing. I'm wondering is there an error with the background-position values that they generated. Shouldn't the syntax be something like background-position: leftValue topValue ?

    their's is like background-position: topValue leftValue.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,624
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    It should be leftValue topValue, you are correct .

    There are others, so if they are giving it out wrong, either chvange it yourself manually or find a new generator (or write it yourself ).
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •