28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'aime beaucoup le bouton "launch" présent ici : http://www.lafermeduweb.net/billet/creer-des-boutons-design-en-css-3-uniquement-938.html

Et j'ai réussi à l'intégrer sur le site er0l.fr mais je n'arrive pas à mettre d'image dessus, quelle est la bonne syntaxe ?

j'ai essayé :

    background: url('/img.jpg') no-repeat, -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);


Merci d'avance pour votre aide
Modifié par RomsIW (24 Sep 2010 - 16:45)
Personnellement, je rajouterais une balise span à l'intérieur du bouton. Voici le code :

.bouton {background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);}
.bouton span {background:url('images/icones_panier.png') no-repeat 0 0;}


<a class="bouton" href="index.html"><span>Texte du bouton</span></a>