css alignement input IE et firefox : perte de cheveux ! RESOLU

[hx.jonathan]

Salut à tous,

J'ai un petit souci css. Voici mon code. C'est un simple div qui est au dessus de ma page d'accueil et permettant aux utilisateurs de se connecter en mettant user et mot de passe.

Code: Tout sélectionner

<div id="menu_connexion">

   <form>
      <table>
         <tr>
            <td valign="middle">
                  <a href="index.php?page=3darts">Section membres</a>|   
                  <a href="index.php?page=resume">Section administration</a>   
            </td>
            <td valign="middle">Nom d'utilisateur :<input type="text" name="nom" /></input></td>
            <td valign="middle">Mot de passe :<input type="text" name="nom" /></input></td>
            <td valign="middle"><input type="image" value="submit"src="images/Bouton_Valider.jpg" name="nom"/></input></td>
         </tr>
         
         
      </table>
   </form>   
</div>

Le problème est que sur IE6 les deux input text sont mal alignés ainsi que les deux liens hyertextes :

Code: Tout sélectionner

<a href="index.php?page=3darts">Section membres</a>|   
<a href="index.php?page=resume">Section administration</a>

CSS :

Code: Tout sélectionner

#menu_connexion{
background-image:url("images/connexion_background.jpg");
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
width:1000px;
border:red solid 1px;
font-size:12px;
font-family: Verdana;
}

De plus :

Sous Ie il me crée un espace en dessous de l'ensemble.

SCREENSHOTS





D'avance merci à tous.

[Julia41]

Complètement au hasard, vire tes :

Code: Tout sélectionner

valign="middle

de tes td.
Et tente un :

Code: Tout sélectionner

#menu tr{
vertical-align:middle;
}

le valign n'est pas valide dans certains doctype.

Bon, c'est un peu au hasard longtemps que je n'ai pas mis les mains dans le cambouis

[hx.jonathan]

Salut,

Merci de ta réponse mais je viens de trouver la solution. Il faut mettre :

form{
margin:0;padding:0;
}


a++
John