Bonjour, j'ai un soucis comme vous pouvez vous en douter, je voudrais centrer un formulaire dans une div qui a une largeur délimité tout ce centre mis a part l'input type password, si je le change en input type text ou autre ça marche parfaitement pourtant. Voici une capture d'écran:

Voici mon html et mon css:
HTML

<div class="acount" id="acount"> 
    <div class="wrapper">
    <div class="login_top"></div>
    <div class="login_content"></div>
    <div class="title cross">Login</div>
    <form action="#" method="post">
            <input type="text" value="username" />
            <input type="password" value="password" />
            <a href="#"><input type="button" /></a>
            <input type="submit" value="" />
        </form>
    <div class="login_bottom"></div>
     </div> 
    <a class="acountbutton" href="#"></a> 
</div>

CSS

.acount{
    text-align:center;
    margin: 10% auto 0 auto;
    background-color: #0f0607;
    position:fixed;
    top:0;
    right:0;
    z-index:9999;
    width:180px;
}
.acount input[type=text], input[type=password]{ 
    border: none;
    width: 145px;
    height: 25px;
    background-image: url('images/input_login.jpg');
    color: #888;
    padding: 0 0 0 7px;
    margin-bottom: 8px;
}

Merci de votre lecture et j'espère que vous pourrez m'aider.

2 réponses


Roxeur76150
Réponse acceptée

Salut je viens tester ton code au lieu de mètre sa

.acount input[type=text], input[type=password]{

J'ai mi sa

.acount input[type=text]{

Et le type password sais centrer

Et voila et voilou :p

Benoit
Auteur

Merci beaucoup ça marche parfaitement encore merci sa fais 2 jours que c'est sur le site du zero et personne n'a pu m'aider... encore merci