IE image bouton spinner

**franfr57** · 07/09/2012, 10h32

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 :

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

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.

**Torgar** · 16/09/2012, 01h00

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 ?

**miss_socrates** · 16/09/2012, 12h16

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

**franfr57** · 19/09/2012, 11h00

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

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
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>

IE image bouton spinner

HTML

Vue hybride

Discussions similaires

Partager

Partager