Page 1 sur 1

cellule de login mal adaptée

Posté : 16 avr. 2006, 10:04
par mibs
Hello,

Ici j'ai mis un lien sur un screen d'une page de login sur mozilla et sur internet explorer

http://img116.imageshack.us/my.php?image=myimg7aa.jpg

Mais sur l'image internet explorer on voit qu'il a un retour à la ligne à après le texte facturation wbtk, j'aimerai supprimer cet espace sur internet explorer.


Je met mon code pour vous aider :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



<html>
<HEAD> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <? // faire appel à mon fichier css forme.css ?>
<link rel="stylesheet" media="screen" type="text/css" title="design defaut" href="css/facturation.css" /> <? //faire appel à mon fichier css forme.css ?>
</HEAD>


<body>

<table style="border-color:white;border-width:3;border-style:solid">
<td width="100%" height="250">
</table>


<table style="border-color:black;border-width:3;border-style:solid">
<td width="100%" height="100"  > 





<table style="border-color:white;border-width:3;border-style:solid">
<td  wight=200 height=100>




<table style="border-color:black;border-width:1;border-style:solid">
<div align=right>
<IMG src="images/logoWebTek.bmp">
</div align=right>
<div align=center>
<?echo "Facturation webtek"?>
</div align=center>

<FORM name="LoginUser" action="accueil.php" method="post" target="_blank"> 
<td><IMG src="images/user.jpg" border=0 width=30 height=30></td> 
<td><input type="text" name="loginUser" size="8" CLASS=champ></td></tr>
<tr><td><IMG src="images/cle.jpg" border=0 width=30 height=30></td>
<td><input type="password" name="passeUser" size="8" CLASS=champ></td></tr> 
<tr><td></td><td><INPUT type="submit" value="Loguer"></td></tr>
</FORM>
</table>


</td>
</table>

</td>
</table>



</table>
</body>
</html>




et voici celui de mon css

.bouton       
{ 
color: #e37a1a; 
font-weight: bold; 
background: #eeeeee; 
border: solid 1px black; 
border-top-color: #ffffff; 
border-left-color: #ffffff; 
}


.champ 
{ 
background: #eeeeee; 
border: solid 1px #ffffff; 
border-top-color: #888888; 
border-left-color: #888888; 
}



table 
{
font-family: "Arial Black", Arial, Verdana, serif;
font-size: 9px;

}

td 
{ 
font-family: "Arial Black", Arial, Verdana, serif;
font-size: 10px;
}

a 
{
	color: black;
  background-color: #990000
}

a:hover 
{
	color: #80AB51;
	text-decoration: none;
	background-color: #CFE1EB
}

a:active 
{
	color: #777;
}
[/php]


J'ai essayé de mettre juste du simple texte sans mettre <? echo ... webtek ?> , mais ça ne vient pas de là

merci de votre aide

Posté : 16 avr. 2006, 16:17
par Ryle
Salut,

Le problème vient apparement du fait que tu ne respectes le dom des tableaux :

Code : Tout sélectionner

<table> <tr> <td>Contenu de la cellule</td> ou <th>Contenu de la cellule</th> </tr> </table>
Seules les cellules doivent contenir du texte et ou du html, il ne faut rien mettre entre les cellules ou entre les lignes. En l'occurence toi tu y as collé deux div, un formulaire et omis le premier <tr> ;)
<table style="border-color:black;border-width:1;border-style:solid"> 
<div align=right> 
<IMG src="images/logoWebTek.bmp"> 
</div align=right> 
<div align=center> 
<?echo "Facturation webtek"?> 
</div align=center> 

<FORM name="LoginUser" action="accueil.php" method="post" target="_blank"> 
<td><IMG src="images/user.jpg" border=0 width=30 height=30></td> 
<td><input type="text" name="loginUser" size="8" CLASS=champ></td></tr> 
<tr><td><IMG src="images/cle.jpg" border=0 width=30 height=30></td> 
<td><input type="password" name="passeUser" size="8" CLASS=champ></td></tr> 
<tr><td></td><td><INPUT type="submit" value="Loguer"></td></tr> 
</FORM> 
</table> 
En réorganisant ca proporement, ça devrait mieux fonctionner :
<FORM name="LoginUser" action="accueil.php" method="post" target="_blank"> 
<div align=right> 
  <IMG src="images/logoWebTek.bmp"> 
</div align=right> 
<div align=center> 
  <?echo "Facturation webtek"?> 
</div align=center> 

<table style="border-color:black;border-width:1;border-style:solid"> 
  <tr>
    <td><IMG src="images/user.jpg" border=0 width=30 height=30></td> 
    <td><input type="text" name="loginUser" size="8" CLASS=champ></td>
  </tr> 
  <tr>
    <td><IMG src="images/cle.jpg" border=0 width=30 height=30></td> 
    <td><input type="password" name="passeUser" size="8" CLASS=champ></td>
  </tr> 
  <tr>
    <td></td>
    <td><INPUT type="submit" value="Loguer"></td>
  </tr> 
</table> 

</FORM> 

Posté : 16 avr. 2006, 21:49
par mibs
merci beaucoup pour ton aide cela a fonctionné

une bonne soirée