Bouton html + images Fermé

Question

Bonjour,

Voilà dans le cadre de la conception de mon site je cherche un moyen simple de faire de jolies boutons ... mon niveau de code étant très bas je n'ai pas réussi à mettre en place des boutons Css ... mais je voudrais à peu près le même résultat c'est-à-dire :

un bouton de forme arrondie (j'ai créé 2 images avec 2 teintes différentes pour la sélection ou non) et je voudrai utiliser ces images pour la forme et le fonds du bouton mais les tous en HTML ou en css mais avec une explication pour débutant :)

Sinon j'ai bien une méthode barbare : je crée autant d'image que de bouton et je fais des images de liens mais j'aimerai bien faire quelque chose de propre et d'avoir la différence te tonds quand la sourit passe sur le bouton !

Merci de votre aide

Configuration: Windows 7 / Firefox 22.0

ThEBiShOp · Accepted Answer

Salut,

As-tu commencé par cherché un peu sur le sujet ? Les sites qui traitent de la création de bouton en css ou non, ça fourmille sur internet.

Sur google je tape "bouton css", je tombe là dessus :
http://css.mammouthland.net/boutons-en-css-rollover.php

ça a l'air de correspondre à ce que tu cherches.

Seb41100 · Answer

oui j'ai bien cherche la seul chose c'est que je n'ai pas réussie a crée ces bouton même en suivant ce tuto et également ca ne marche que avec une page en xhtml alors que je souhaite conserver du .html

ThEBiShOp · Answer

xhtml ou html, c'est pareil. A moins que tu sois vraiment un pro (et encore...) et que tu cherches à valider ta page auprès du w3c, ça ne change rien pour toi.
(d'ailleurs, le x est entre parenthèse dans le tuto, ça veut bien dire ce que ça veut dire)

Le problème, c'est que les infos sont là, dans ces tutos, nous comme ça on ne pourra rien te dire dire de plus.

Par contre si tu nous montres ce que tu as fait et que ce que tu attends tient plus du réglage, là on pourra t'aider, mais de but en blanc comme ça, à part te diriger vers un des milliers de tutos qui existent sur la question on ne pourra rien faire d'autre.

Je regarde le tuto, et je me dis quand même qu'on peut difficilement faire plus simple.
Tu as essayé ? Tu peux nous montrer ce que ça donne, et ce que tu as fait ?

Seb41100 · Answer

j'ai remarquer par exemple pour un diaporama en html le diapo ne marche pas par contre en xhtml ca marche mais c'est un autre sujet. donc j'ai suivi le tuto mais me résultat il y a toujours ce fond gris que je n'arrive pas a retiré http://www.eureka41.fr/test/test1.html code html :

Bouton

code css : .bouton a { display:block; width:150px; line-height:50px; text-align:center; vertical-align:middle; background:url(images/boutonnoir.png) no-repeat; color:white; text-decoration:none; } .bouton a:hover { background:url(images/boutonnoir2.png) no-repeat; }

ThEBiShOp · Answer

tu peux avoir une page xhtml avec une extension .html, ça n'a rien à voir. Mais c'est un autre sujet. Bon bin, c'est pas si mal ton histoire. dans ton fichier style.css, tu as défini le background de tes

à #444444, c'est de là que vient ton fond gris. Tu as plusieurs possibilités pour changer ça, soit tu supprimes le background sur tes

si ça ne te sert pas, ou bien tu peux ajouter une propriété css comme ça : .bouton p { background: transparent; } ça devrait fonctionner

Seb41100 · Answer

oui c'est nickel 

http://www.eureka41.fr/test/test1.html

Bouton Résolu !! 
 

Merci !

Bouton html + images

6 réponses

Discussions similaires