CSS Sprites is a CSS technique to combine small images into one big image and then access them using the background-position property. It is used to save HTTP requests.
1
vote
0answers
3 views
Apply compass sprite to a child element
I have a top bar menu (that's based on Zurb's Foundation):
This is the SCSS:
.top-bar {
.top-bar-section {
ul {
@import "menu-icons/*.png";
@include all-menu-icons-sprites;
}
...
0
votes
1answer
20 views
why does the bookmark did not get bigger [closed]
I'm trying to understand how this site works because I want to use a similar solution on my own site.
The only thing I cannot figure out is how the red thing works, especially how the site knows ...
1
vote
1answer
30 views
What is the proper use of high-res sprites on iOS with CSS?
I am having some serious trouble trying to get my sprites to show up right on a iPhone4+ using a high res (2x) version of my navigation sprite. Here's the code I'm using right now.
.pixelj a, .games ...
0
votes
1answer
32 views
Alter CSS Style for Elements Within a Link
Please bear with me as I try to explain what it is I am trying to do...
I have a grid of icons that will eventually become a custom-made service request page - each icon represents a different type ...
0
votes
0answers
17 views
Using interpolation for calling compass sprite mixins
the problem that i have with this mixing is that i can't interpolation for calling different sprite mixins that compass provides.
I want to be able to have this in one place, create the sprites in ...
0
votes
0answers
18 views
How to style sprites properly without changing html
I have that sample page
http://testdev.blob.core.windows.net/test/UsingSprites.htm
I would like replace images with the sprite but I have issues.
Here's the sprite
...
0
votes
1answer
16 views
Sprite to cater for multi device sizes vs Media query for individual images
We need to build a responsive mobile site that will cover sizes from 300 width to Tablet high def.
We are considering using a sprite for all icons (12 icons in total) to reduce image size - combined ...
0
votes
0answers
15 views
Compass sprites: how to use as background images?
I have a <button> that needs a small arrow as background next to the text on the left side, something like so: -> submit.
I recently started using Compass and wonder how to use sprites for ...
0
votes
1answer
41 views
Navbar sprite window size issue
My JsFiddle Link
So I'm having an issue. This is my first website ever and I'm trying to put my navbar/header at the top of the website. The issue here is it only shows depending on the size of the ...
0
votes
0answers
11 views
Find images that are suitable as webpage thumbnail and avoid sprite images
I have all the images of a web page. How can I find out which of them are no sprites?
Sprites are usually many icons on a white or transparent canvas. I could count them and if the count exceeds a ...
0
votes
0answers
34 views
Image Sprites Within Link Element
Pardon me if I am not able to be clear about what I am attempting to do. I've done simpler variations of what I am about to explain, but not like this.
I have this grid of link elements that I am ...
0
votes
1answer
28 views
PHP to create image sprite
I have a folder with 5 images that I would like to compile through PHP into a vertical image sprite. I've looped through all the items getting the data and saved it into an array:
Array
(
[0] => ...
-1
votes
2answers
40 views
css sprite images not clickable in ie9
I have created a button with <a> tag and a span nested inside. The span holds the icon of the button: I used background image which is sprite image.
On chrome and FF all works great, but in ...
0
votes
1answer
35 views
CSS3 background-image with bundled sprite image based on images with different original Image Size
Hello I am currently writing a sprite generator based on CSS 3 and my question is : What is the best practice to show CSS3 background-images with a bundled sprite image based on images with different ...
0
votes
1answer
45 views
Sprite Image Resize - Make Responsive when resizing browser
I am having issues making the sprite I have resize, when I resize browser window.
The remiander of the template is repnsive including the Nav Menu.
The sprite remains fixed and sticks out of the ...
