Discussion :

[Ekimasu]

Bonjour,

j'ai des champs INPUT de petite taille et ils prennent énormelment plus de place que prévu dans le navigateur. Pourtant les size sont respectés et la police est normal aussi.
j'ai l'impression que c'est parce que c'est dans un TD que ça fait ça.
comment réduire se probleme qui fout en l'air la présentation quelque soit le browser ?

Code :

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

1
2
3
4
5
6
7
8
9
10
<tr>
           <td class="td_lib">Date de naissance : </td>
            <td class="td_txt"><img src="gfx/ico_coeur_16.gif" alt="Champ obligatoire" height="16" width="16">
            Jour<input name="TXT_DAY" id="TXT_DAY" value="1" size="2" maxlength="2" onfocus="SHOW_HELP('HELP_BIRTHDAY');" onblur="TEST('BIRTHDAY');" type="text">
            Mois<input name="TXT_MONTH" id="TXT_MONTH" value="1" size="2" maxlength="2" onfocus="SHOW_HELP('HELP_BIRTHDAY');" onblur="TEST('BIRTHDAY');" type="text">
            Année :<input name="TXT_YEAR" id="TXT_YEAR" value="1" size="4" maxlength="4" onfocus="SHOW_HELP('HELP_BIRTHDAY');" onblur="TEST('BIRTHDAY');" type="text">
            </td><td class="td_ico_help"><a href="JAVASCRIPT:TEST('BIRTHDAY');"><img src="gfx/ico_info_32.gif" alt="Aide et Vérification" id="IMG_BIRTHDAY" border="0" height="32" width="32"></a></td>
 
            <td class="td_info"><div id="HELP_BIRTHDAY" class="help">C'est obligatoire pour être certain que vous êtes majeur. Format jj/mm/aaaa</div></td>
          </tr>

[Ekimasu]

c'est très embettant car j'ai beau avoir mis des SIZE=2, bun la case est plus grosse que 2 caractères ! presque le double ! c'est révulsant !

[Deallyra]

Par pitié, pour ceux qui veulent comprendre votre code, incrémentez correctement...

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
<tr>  
	<td class="td_lib">
		Date de naissance : 
	</td>  
	<td class="td_txt">
		<img src="gfx/ico_coeur_16.gif" alt="Champ obligatoire" height="16" width="16">  
		Jour
		<input name="TXT_DAY" id="TXT_DAY" value="1" size="2" maxlength="2" onfocus="SHOW_HELP('HELP_BIRTHDAY');" onblur="TEST('BIRTHDAY');" type="text">
			Mois
		<input name="TXT_MONTH" id="TXT_MONTH" value="1" size="2" maxlength="2" onfocus="SHOW_HELP('HELP_BIRTHDAY');" onblur="TEST('BIRTHDAY');" type="text">  
			Année :
		<input name="TXT_YEAR" id="TXT_YEAR" value="1" size="4" maxlength="4" onfocus="SHOW_HELP('HELP_BIRTHDAY');" onblur="TEST('BIRTHDAY');" type="text">  
	</td>
	<td class="td_ico_help">
		<a href="javascript:TEST('BIRTHDAY');">
			<img src="gfx/ico_info_32.gif" alt="Aide et Vérification" id="IMG_BIRTHDAY" border="0" height="32" width="32">
		</a>
	</td>   
	<td class="td_info">
		<div id="HELP_BIRTHDAY" class="help">
			C'est obligatoire pour être certain que vous êtes majeur. Format jj/mm/aaaa
		</div>
	</td>  
</tr>

[blueice]

Suffit de les régler en CSS

Code :

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

1
2
 
input { ... }

[Ekimasu]

c'est tout ?
c'est si simple ?

pardon pour le code mal formaté...c'est justele copier coller qui a mal passé...

[Deallyra]

... attends de voir petit copier coller.... je vais t'en faire baver...

Gomen nasaï USA Mike.