Sample #container CSS rule not correct

Bug #505825 reported by Franz Buchinger
This bug affects 1 person
Affects Status Importance Assigned to Milestone
CSS Sprite Generator

Bug Description

I had problems using your sample #container CSS rule that is used to reference the background-image (the sprite generator shows it after generating the CSS and image sprites).

First problem: its not clear which markup structure you expect from the #container li selector. I used something like <ul id="container"><li class="sprite-image-1"></li></ul> - which has the downside of displaying list bullets by default

Second problem: Firefox 3.0 always displayed the first icon of the sprite - no matter what sprite-image class i applied to the inner li. I suppose this is caused because you are using the background property and not the background-image property for styling.

I ended up solving this problem like so

#container div {
            width: 15px;
            height: 15px;
            background-image: url(sprites_15px.png);

and in my markup:

<div id="container">
        <div class="sprite-image-01"></div>

Nevertheless a huge "thank you!" for developing this incredibly useful tool!


To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers