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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par hx.jonathan, 5 Janvier 2010.

  1. hx.jonathan
    hx.jonathan WRInaute discret
    Inscrit:
    2 Mars 2005
    Messages:
    159
    J'aime reçus:
    0
    Salut à tous, :D

    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:
    <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:
    <a href="index.php?page=3darts">Section membres</a>|	
    <a href="index.php?page=resume">Section administration</a>
    CSS :

    Code:
    #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


    [​IMG]



    D'avance merci à tous.
     
  2. Julia41
    Julia41 WRInaute passionné
    Inscrit:
    31 Août 2007
    Messages:
    1 774
    J'aime reçus:
    0
    Re: css alignement input IE et firefox : perte de cheveux !

    Complètement au hasard, vire tes :
    Code:
     valign="middle
    de tes td.
    Et tente un :
    Code:
    #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 ;)
     
  3. hx.jonathan
    hx.jonathan WRInaute discret
    Inscrit:
    2 Mars 2005
    Messages:
    159
    J'aime reçus:
    0
    Salut,

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

    form{
    margin:0;padding:0;
    }


    a++
    John
     
Chargement...
Similar Threads - css alignement input Forum Date
Interro surprise pour les rois du CSS : Alignement en diagonale Développement d'un site Web ou d'une appli mobile 23 Juillet 2015
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
Alignement CSS + image Développement d'un site Web ou d'une appli mobile 17 Novembre 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
menu horizontal défilant en css...un problème d'alignement Développement d'un site Web ou d'une appli mobile 1 Novembre 2010
Problème d'alignement vertical en css Développement d'un site Web ou d'une appli mobile 14 Septembre 2010
CSS alignement texte image Développement d'un site Web ou d'une appli mobile 28 Août 2008
Problème alignement d'un div en css Développement d'un site Web ou d'une appli mobile 26 Juin 2008
[CSS] Problème d'alignement sous IE... Développement d'un site Web ou d'une appli mobile 14 Mai 2007
Css et alignement image Développement d'un site Web ou d'une appli mobile 22 Janvier 2007
[CSS] Problème d'alignement sous Firefox (OK avec IE) Développement d'un site Web ou d'une appli mobile 18 Octobre 2006
Css et alignement de texte [réglé] Développement d'un site Web ou d'une appli mobile 22 Mai 2006
[CSS] Bug alignement en bas Développement d'un site Web ou d'une appli mobile 11 Février 2006
CSS alignement texte Développement d'un site Web ou d'une appli mobile 8 Janvier 2006
problème d´alignement => CSS Administration d'un site Web 20 Juin 2005
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021