Discussion :

[diabli73]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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é.

[GihefBey]

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.

-

[diabli73]

Dans mon html j'utilise :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Erwan31]

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.