par
dark_vidor » 27 nov. 2005, 17:54
Voici la page en question :
http://test.derniere-bataille.net/carte_galaxie/
Mon code :
Code : Tout sélectionner
<tr>
<td height="165" colspan="3" background="img/b-session-on.jpg" style="padding-top: 13px; padding-left: 750px;">
<form action="#" method="post">
<table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td> <table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td align="left"> Identification : </td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td >Login : </td>
<td align="right" valign="middle"> <input type="text" name="login" style="width: 115px;" class="connexion_input"></td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td>Mot de Passe : </td>
<td align="right" valign="middle"> <input type="password" name="password" style="width: 70px;" class="connexion_input">
</td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" valign="middle" style="padding-right: 2px; padding-top: 5px;">
<input type="image" src="img/send.jpg"> </td>
</tr>
</table></td>
</tr>
</table>
</form></td>
</tr>
Sous FF le padding-top est respecté, c'est impecable ... mais sous IE pour avoir le meme décalage il faut faire un padding-top de 30px ...
Quelle solution adoptée et serais la plus adaptée pour que quelque soit le navigateur l'affichage du formulaire de connexion soit bon ? (le but c'est que ça s'affiche au bon endroit sur l'image

)
Voici la page en question :
http://test.derniere-bataille.net/carte_galaxie/
Mon code :
[code]
<tr>
<td height="165" colspan="3" background="img/b-session-on.jpg" style="padding-top: 13px; padding-left: 750px;">
<form action="#" method="post">
<table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td> <table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td align="left"> Identification : </td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td >Login : </td>
<td align="right" valign="middle"> <input type="text" name="login" style="width: 115px;" class="connexion_input"></td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0" class="connexion">
<tr>
<td>Mot de Passe : </td>
<td align="right" valign="middle"> <input type="password" name="password" style="width: 70px;" class="connexion_input">
</td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" valign="middle" style="padding-right: 2px; padding-top: 5px;">
<input type="image" src="img/send.jpg"> </td>
</tr>
</table></td>
</tr>
</table>
</form></td>
</tr>
[/code]
Sous FF le padding-top est respecté, c'est impecable ... mais sous IE pour avoir le meme décalage il faut faire un padding-top de 30px ...
Quelle solution adoptée et serais la plus adaptée pour que quelque soit le navigateur l'affichage du formulaire de connexion soit bon ? (le but c'est que ça s'affiche au bon endroit sur l'image :roll: )