Problème alignement formulaire
Bonjour,
Alors voila j'ai ce problème avec mon formulaire de connexion
quand je suis au zoom par défaut de Google Chrome j'obtiens sa (c'est ce qui m'intéresse)
http://img407.imageshack.us/img407/6451/defaut.png
Et puis quand je fait un petit zoom voila ce que cela me fait =(
http://img547.imageshack.us/img547/4981/zoomr.png
Voila mon code HTML :
Et voila mon code CSS :
Donc concrètement ce que je veut c'est que quand je zoom que sa ne ce modifie pas
Merci de m'aider cordialement GossBow
Alors voila j'ai ce problème avec mon formulaire de connexion
quand je suis au zoom par défaut de Google Chrome j'obtiens sa (c'est ce qui m'intéresse)
http://img407.imageshack.us/img407/6451/defaut.png
Et puis quand je fait un petit zoom voila ce que cela me fait =(
http://img547.imageshack.us/img547/4981/zoomr.png
Voila mon code HTML :
<div id="connect"> <form method="post" action="index.php"> <p> <p><label for="pseudo">Votre pseudo :</label><input type="text" name="pseudo" id="pseudo" value="<?php if (isset($_POST['pseudo'])) echo htmlentities(trim($_POST['pseudo'])); ?>"></p> <p><label for="pass">Votre mot de passe :</label><input type="password" name="pass" id="pass" value="<?php if (isset($_POST['pass'])) echo htmlentities(trim($_POST['pass'])); ?>"></p> <input type="submit" name="connexion" value="Connexion" /> <a href="inscription.php" id="inscr">Inscription</a> <a href="TEXTE">Mot de passe oublié</a> </p> </form> </div>
Et voila mon code CSS :
#connect {
float: right;
margin-right: 480px;
}
#connect label
{
width: 150px;
display: block;
float: left;
margin-top: 5px;
}
#connect #pseudo #pass {
width: 160px;
}
#inscr {
margin-right: 15px;
margin-left: 15px;
}
Donc concrètement ce que je veut c'est que quand je zoom que sa ne ce modifie pas
Merci de m'aider cordialement GossBow
3 réponses
-
Je me suis trompé xD tu as juste oublié un /
<div id="connect">
<form method="post" action="index.php">
<p>
</p><label for="pseudo">Votre pseudo :</label><input type="text" name="pseudo" id="pseudo" value="<?php if (isset($_POST['pseudo'])) echo htmlentities(trim($_POST['pseudo'])); ?>"></p>
<p><label for="pass">Votre mot de passe :</label><input type="password" name="pass" id="pass" value="<?php if (isset($_POST['pass'])) echo htmlentities(trim($_POST['pass'])); ?>"></p>
<input type="submit" name="connexion" value="Connexion" />
<a href="inscription.php" id="inscr">Inscription</a>
<a href="TEXTE">Mot de passe oublié</a>
</p>
</form>
</div> -
Je t'ai modifié tous tes problèmes, si sa marche pas je te prends tout tes codes et je test sa en local ;)
#connect
{
float: right;
margin-right: 480px;
}
#connect; label
{
width: 150px;
display: block;
float: left;
margin-top: 5px;
}
#connect; #pseudo; #pass
{
width: 160px;
}
#inscr
{
margin-right: 15px;
margin-left: 15px;
} -
Il te manque quelques balises <p> & </p>, essaie ça
<div id="connect"> <form method="post" action="index.php"> <p> <label for="pseudo">Votre pseudo :</label> <input type="text" name="pseudo" id="pseudo" value="<?php if (isset($_POST['pseudo'])) echo htmlentities(trim($_POST['pseudo'])); ?>" /> </p> <p> <label for="pass">Votre mot de passe :</label> <input type="password" name="pass" id="pass" value="<?php if (isset($_POST['pass'])) echo htmlentities(trim($_POST['pass'])); ?>" /> </p> <p> <input type="submit" name="connexion" value="Connexion" /> <a href="inscription.php" id="inscr">Inscription</a> <a href="TEXTE">Mot de passe oublié</a> </p> </form> </div>
