Discussion :

[Laskar]

Bonjour à tous,

J'utilise des images dans une séries de boutons. J'ai fait une feuille CSS pour l'aspect de ces boutons. Ca marche nickel dans le plupart des navigateurs. Evidemment, ça foire avec IE ...
Le browser de crosoft me dessine une marge de 30 pixels à droite et à gauche de mon image qui se trouve à l'intérieur du bouton
Voici le style de mes boutons :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.bouton
{
    color:black;
    background-color:red;
    text-decoration:none;
    padding:0;
    border:0px;
    text-align: center;
    vertical-align:top;
    font-family : verdana;
    font-weight: bold;
    margin : 0;
}

Savez-vous pourquoi ça merde avec Internet Explorer ??
D'avance merci.

[Laskar]

Bah ! ... désolé, j'ai trouvé tout seul.
En fait, mon style devient tout simple :

Code :

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

1
2
3
4
5
6
7
.bouton
{
  width: 100px;
  height: 141px;
  border: none;
  cursor: pointer;
}

Il suffisait de "tailler" le bouton. En plus, j'avais mis une balise <button ...> dans mon code HTML et j'avais simplement oublié de la fermer (</button>).
Personne n'est parfait !

A+