Css et bouton

Bonjour,
J'ai un petit souci
je ne sais pas comment présenter avec le css un bouton
qui me serait paramettrable via css :
Code hml :

<a href='accueil.php'> <input type='submit' class='bouton' /></a>

Le code css affiche juste le background du bouton.
Cela ne marche pas quand je clic il ne se passe rien normal pas de form mais comment faire ?????
avec img????

Merci de votre aide
Modifié par effaceur (27 Sep 2007 - 09:18)

Bonjour,

J'ai pensé déplacer ce sujet dans le forum CSS, mais vu que ton problème est avant tout un problème de HTML mal utilisé, on va rester par ici.

De quel type de «bouton» s'agit-il?
1. un lien hypertexte?
2. un bouton de formulaire?

Dans ton code HTML, tu mélanges les deux, ce qui n'est pas une très bonne idée.

Bonjour,
Merci bcp de m avoir répondu.
En fait dans la class bouton je met juste l image en .jpg

Ce n'est pas un bouton de formulaire c est juste un lien vers une page accueil.php

peut etre comme ca (désolé je peux pas tester je suis pas chez moi)

<a class='bouton' href="accueil.php>Accueil</a>

le css est :

a.bouton{
background-image:url(../bouton1.jpg);
} 

Le but est que Sous le mot accueil s affiche l image donc le bouton1.jpg avec l aide du css

Sans css je met :

<a href="accueil.php><img scr>="bouton.jpg">Accueil</a>

Voila j espère avoir été clair

merci de votre aide ++

Si c'est un lien, il ne faut pas utiliser l'élément input. Donc la base HTML sera bien celle-ci:

<a class="bouton" href="accueil.php">Accueil</a>

Ensuite, si on veut un graphisme précis à la place du texte «Accueil», on pourra étoffer, mais globalement on gardera cette base.

Il faut ensuite savoir si tu veux garder le texte et le décorer par une image de fond, ou bien remplacer totalement le texte par une image (qui contient un pictogramme ou carrément le texte «Accueil», peut-être avec une fonte particulière, etc.).

Dans le premier cas, on ne modifie pas (ou peu) le code HTML, et on passe par CSS pour afficher une image de fond. Voir le dernier exemple dans l'article suivant:
http://css.alsacreations.com/Construction-de-menus-en-CSS/Creer-des-menus-simples-en-CSS

Dans le second cas, il faudra placer l'image directement dans le code HTML:

<a class="bouton" href="accueil.php"><img src="..." alt="Accueil" /></a>

Et voilà. Pour un effet de rollover sur ce dernier type de lien, on pourra passer par Javascript.