Discussion :

[mateuil]

Bonjour, j'ai un petit soucis pour l'utilisation d'un bouton, en effet, sous IE, j'ai un petit icone qui apparait sur l'image du bouton alors que je n'ai rien sous firefox

alors je vous mets en PJ l'image du bouton.

Sinon, voilà le code html :

Code :

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

<input type="image" border="0" class="btn_connexion" id="valider">

et le css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.btn_connexion {
    width: 150px;
    height: 34px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url(../images/btn/btn_connexion.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: inline;    
    float: right;   
    margin-bottom: 10px;   
	margin-left: 10px; 
}

quelqu'un saurait pourquoi?

Merci

[austriker]

Bonjour,
C'est normal, cette image veut dire que le navigateur ne trouve pas l'image. C'est le cas car tu as omis de renseigner la source de l'image dans ton input de type image.

remplaces ca :

Code :

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

<input type="image" class="btn_connexion" id="valider">

Par ca:

Code :

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

<input type="button" class="btn_connexion" id="valider">

et avec :

Code :

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

1
2
3
4
5
6
7
8
9
.btn_connexion {
	display: inline;
	width: 150px;
	height: 34px;
	background-image:transparent url(../images/btn/btn_connexion.png) no-repeat 0 0;
	float: right;
	margin-bottom:0 0 10px 10px;
	text-indent: -9999px;
}

Austriker.

[mateuil]

c'est mieux, je n'ais plus le petit icône par contre du coup, vu que c'est un type button, il y a les rebord du bouton qui apparaissent, et cela pose problème car je voudrais juste l'image.

et en plus il ne me fait plus le traitement du form

[austriker]

Ah dans ces cas la si tu veux qu'il fasse le traitement du form :

Code :

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

<input type="submit" class="btn_connexion" id="valider">

qui va avec ce CSS (désolé j'ai fais une erreur tout à l'heure):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
.btn_connexion {
	display: inline;
	width: 150px;
	height: 34px;
	background:transparent url(../images/btn/btn_connexion.png) no-repeat 0 0;
	float: right;
	margin-bottom:0 0 10px 10px;
	text-indent: -9999px;
	border:none;
        outline:none;
}

Voilà, c'est mieux?
Austriker.

[mateuil]

pour faire simple, c'est exactement sa !!!!!!!!!!

Merci