Discussion :

[Djakisback]

Salut, j'utilise le style suivant dans un <button> et l'image d'arrière plan ne s'affiche pas dans IE (avec IE 6.0.2900.2181).
Cela fonctionne très bien sous la 2900.2180 et Firefox. Quelqu'un aurait-il des infos là-dessus s'il vous plaît ?
En fait j'utilise 2 styles :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
button#Bold {
	background-image: url(../../admin/nletter/images/toolbar/bold.gif);
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
}
 
button.TBar {
	cursor:hand;
	font-weight:bold;
	height: 22px;
	width: 22px;
}
 
<button class="TBar" id="Bold" name="Bold" title="Gras" alt="Gras"></button>

Merci d'avance

[franculo_caoulene]

Salut,

Je ne connais pas cette syntaxe <button></button>, c'est quoi? Pourquoi pas un <input type="image" ...?

[titoumimi]

Astuce qui m'a été donnée par spacefrog :

Code :

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

1
2
3
4
5
6
7
 
.boutonup {
	border:outset 2px;
     }
.boutondown {
	border :inset 2px;
     }

Code :

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

1
2
 
<input type="image" src="toto.gif" alt="Rechercher" name="tralala" class="boutonup" onmousedown="this.className='boutondown';" onmouseup="this.className='boutonup';" onmouseout="this.className='boutonup';">

[Trunks]

Bah c'est une nouvelle balise propriétaire Djakisback

Non, sérieusement effectivement utilise un <input type="image" /> comme l'a signalé franculo_caoulene.

[Djakisback]

Salut et merci pour vos réponses ^^

Bin en fait c'est un bouton dans lequel on peux mettre du html
http://www.laurent-bernat.com/html-b...p3?quoi=button

Le truc c'est que j'ai un javascript assez compliqué qui tourne avec ca que je ne voudrais pas modifier. J'utilise getElementsByTagName('button') et avec des <input type="image"> je ne pourrai pas tous les récupérer d'un coup.

Je crois que je vais tout simplement insérer une <img> dans le bouton au lieu de la mettre en background-url.

D'autre part sauriez-vous si le fait de redéfinir une propriété d'un style peut faire bugger le truc ? dans mon exemple je redéfinis height: 22px; = > height: 25px
Bye^^