Discussion :

[tiesto95]

Bonjour , j'ai un soucis avec un tableau sous Firefox tous fonctionne nikel mais sur IE j'ai un espace blanc entre les cellules ou se trouve mes input text

J'ai essayé pas mal de chose rien à faire , cette espace est assez génant.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 <table class="formulaire_inscription" cellpadding="0" cellspacing="0" border="0">
     <tr>
	td><h1>&raquo; Identifiant</h1></td>			 
   </tr>	 
   <tr>
            <td><input type="text" ></input></td>
   </tr>
    <tr>
           <td><input type="text" ></input></td>
    </tr>				 
</table>

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
*{
margin:0;
padding:0;
}
 
input {
border: 1px solid #666666;
width: 150px;
height: 18px;	
} 
 
img{
border:0;
}
 
.container_inscription{
width:705px;
float:left;
}
 
.inscription{
width:650px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
 
.inscription h1{
font-size:12px;
color:#07a8eb;
font-family:verdana;
}
 
.inscription td{
font-size:11px;
font-family:verdana;
padding-left:5px;
color:#00c2d1;
}
 
.condition_inscription{
width:650px;
background-color:#edfffe;
border:1px dashed #07a8eb;
}
 
.formulaire_inscription{
width:650px;
margin-top:20px;
border:1px dashed #07a8eb;
}

[Alt157]

Bonjour tiesto95,

Dans un premier temps pourquoi utiliser un tableau ? Ici tu peux très bien t'en passer en utilisant des divs :

Code :

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

1
2
3
4
5
6
 
        <div class="formulaire_inscription">
	   <h1>&raquo; Identifiant</h1>			 
	   <div><input type="text" /></div>
	   <div><input type="text" /></div>				 
	</div>

Si tu veux tout de même utiliser un tableau alors :

• penses à bien ouvrir le TD devant ton titre
• essayes d'utiliser ton css pour les cellpadding ( padding : 0px; ) et cellspacing (border-collapse:collapse; ) ainsi que pour border (border : none; )

Petite réflexion sur les input cela ne s'utilise pas de la sorte :

Code :

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

1
2
 
<input type="text" ></input>

mais comme ceci :

Code :

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

1
2
 
<input type="text" />

Sinon pour revenir à ton problème initial, tu ne peux rien faire contre cela... Désolé mais la spécification css ne précise rien sur la façon de dessiner les champs de formulaires donc l'affichage dépend du navigateur voire même de l'OS ou du thème graphique utilisé par l'OS (d'après ce que j'ai déjà pu lire).

Bonne soirée et bon courage.