[CSS] background-image dans un <button>

Version imprimable

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:

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

25/01/2006, 11h25
franculo_caoulene

Salut,

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

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

Code:

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

Code:

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';">

25/01/2006, 11h32
Trunks

Bah c'est une nouvelle balise propriétaire Djakisback :D

Non, sérieusement effectivement utilise un <input type="image" /> comme l'a signalé franculo_caoulene.
25/01/2006, 12h17
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^^