IE image bouton spinner

Version imprimable

Bonjour,

j'essaie de faire un spinner avec le html.
Sur firefox tout s'affiche bien, alors que sous IE j'ai des bordures blanches en hauteur...

Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <html> <div id='DivSpin1' > <table cellpadding='0' cellspacing='0' border='0'><tr><td rowspan='2'> <input style='float: left; width: 50px; height : 21px' type='text' name='Spin1' id='Spin1'> </td><td> <input type=image src='spinner_haut2.png' style='width: 11px; height:11px;' onclick='Spin1.value--; Spin1.onChange()' > </td></tr><tr><td> <input type=image src='spinner_haut2.png' style='width: 11px; height:11px;' onclick='Spin1.value--; Spin1.onChange()' > </td></tr></table> </div> </html>
J'ai essayer de mettre border padding, cellspacing à 0, mais rien n'y fait.

Merci pour votre aide.

16/09/2012, 01h00
Torgar

Salut,

Commence par rajouter un doctype.

Quelle version d'IE tu utilises ? Au pire, peux-tu nous montrer par une image le défaut de rendu d'IE ?
16/09/2012, 12h16
miss_socrates

IE image

... et aussi un <head> et un <body>....;)

J'ai trouvé il fallait rajouter display block dans le style :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
<script language = "javascript">
function test()
{
	alert('test');
	document.getElementById('DivSpin1').innerHTML = 'test';
}
</script> 
<div id='DivSpin1' >
<table cellpadding='0' cellspacing='0' border='0'><tr><td rowspan='2'>
<input style='float: left; width: 50px; height : 21px' type='text' name='Spin1' id='Spin1'>
</td><td>
<input type=image src='spinner_haut2.png' style='width: 11px; height:11px; display: block;' onclick='test();Spin1.value--; Spin1.onChange();' >
</td></tr><tr><td>
<input type=image src='spinner_bas2.png' style='width: 11px; height:11px; display: block;' onclick='Spin1.value--; Spin1.onChange()' >
</td></tr></table>
</div>
</html>