input (submit ou image) en CSS

Je veux utiliser un input : <input type="image"> qui me servira de bouton.
Mais je veux le gérer avec le css pour qu'il soit bien placé mais comment faire?





Mais je veut que mon input utilise l'image (comme bouton) défini comme ceci dans le CSS (il est bien placé):

Code:

---

1 2 3 4 5 6 7

div#sidebar div#newsletter a#ok-btn{ display: block; float: left; background: transparent url(img/sidebar-btn-ok.gif) no-repeat left top; margin: 0 0 6px 16px; padding: 5px 0 5px 8px; }

---

Dans le css j'ai fait un

Code:

---

1 2 3 4 5 6 7

input[type=submit]:hover, input[type=image]:hover { display: block; float: left; background: transparent url(img/sidebar-btn-ok.gif) no-repeat left top; margin: 0 0 6px 16px; padding: 5px 0 5px 8px; }

---

Mais cela ne fonctionne pas, le bouton est toujours mal placé.

Bonjour,

À part le fait que tu utilises la même chose pour en faire deux, je ne comprends pas.

Mal placé ?
Précise.
Fait un dessin.
Montre ce que tu obtiens et ce que tu voudrais.
Donne aussi le code HYML, et le CSS, du bloc qui contient le bouton.

-

Bonjour,
aurais tu le code HTML correspondant stp?
Attention, les sélecteurs d'attribut exacte n'ont pas été implémenté par IE6-,
à moins que tu sois certain qu'IE6 ne sera pas utilisé, il est encore préférable de passer par de simples class.

Dans mon html j'utilise :

Code:

---

1 2 3 4 5 6 7 8 9

<div id="newsletter"> <p>L'actualit&eacute; de 3D2+ par e-mail</p> <form method="post" action="./wanewsletter/subscribe.php"> <span id="champ-mail" type="text" ><span>n1</span></span> <input type="image" > <!--<a id="ok-btn" ><span>n2</span></a>--> <span id="refletnews"><span>n3</span></span> </form> </div>

---

<input type="image" > appel donc le css ci dessus.
Et je souhaite donc avoir un cham-mail pour saisir les mails, et un bouton de validation.