Sample #container CSS rule not correct
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
CSS Sprite Generator |
New
|
Undecided
|
Unassigned |
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="
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;
}
and in my markup:
<div id="container">
<div class="
</div>
Nevertheless a huge "thank you!" for developing this incredibly useful tool!
Franz