2010-08-21 5 views
0

Je suis très frustré d'essayer d'utiliser CSS Sprites. J'ai demandé à plusieurs reprises ici, et j'ai obtenu de bons conseils, mais toujours pas de solution. Le problème est que je veux mes sprites dans une ligne horizontale, pas une pile verticale. Je n'arrive pas à trouver un exemple de cela sur le web, et tous les tutoriels que j'ai trouvés semblent décrire uniquement les menus et autres piles verticales.Encore plus de sprites Zen et CSS

Je l'ai fait de mon mieux en essayant d'obtenir les largeurs et les styles d'affichage à droite, mais toujours en vain.

Le code suivant est mon meilleur coup. J'apprécierais que quelqu'un puisse regarder et me dire où je vais mal. (Notez l'image mentionnée dans le code est une image de 32x32 avec 4 sprites différents dans les endroits évidents.)

http://codepaste.net/4kwx2c

+1

Y at-il une raison pour laquelle vous voulez les empiler horizontalement et non verticalement? En outre, les mêmes règles devraient s'appliquer ... en utilisant simplement un axe différent. – Aaron

+0

Suis-je épais, ou n'y a-t-il aucun moyen de voir le code fonctionner comme une page html sur codepaste? Il peut être utile de poster l'image-objet css pertinente quelque part et d'utiliser http://jsbin.com (ou http://jsfiddle.net) pour poster une démo en direct. –

+0

Pouvez-vous dessiner une image qui montre ce que vous espérez accomplir? Ce n'est pas particulièrement clair pour moi. – babtek

Répondre

1

Vous pouvez essayer

.LICtrlList 
{ 
    display: inline; 
    } 

changement

.LICtrlList 
{ 
display: inline-block; 
}