• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

padding-left funktioniert nicht

Binary

Neues Mitglied
Hallo zusammen,

ich arbeite gerade an einem Login mit folgendem code:
Code:
<div id="modal-overlay" class="hidden"></div>
        <div class="shadow-top"></div>
        <div id="login_container">
            <div id="main">
            <div class ="login_box">
            <div class ="login_text">
            <form name="login" action="#">
                <label for="name">Benutzername</label><br><input type="text" name="name"/>
                <br>
                <label for="password">Passwort</label><br><input type="password" name="password"/>
                <br>
                <button onclick="loginToCouch()">Anmelden</button>
            </form>
            </div>
            </div>
            </div>
            <footer>
                Impressum | Kontakt
            </footer>
        </div>
Code:
#login_container {
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    padding-top:150px;
    font-size:medium;
    color:#777777;
}

#login_text {
    padding-left:25;
}

input[type=text] {
    background: -moz-linear-gradient(top, #fafafa, #f1f1f1);
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: 3px;
    border-radius: 3px;
    font-size:1.2em;
}

input[type=password] {
    background: -moz-linear-gradient(top, #fafafa, #f1f1f1);
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: 3px;
    border-radius: 3px;
    font-size:1.2em;
}
Habe es sowohl mit padding-left als auch mit margin-left probiert.
Leider lässt sich der Inhalt in der Box nicht verschieben.

Ich nehme an, einen blöden Anfänger fehler gemacht zu haben.
Hat jemand eine Idee?

Vielen Dank und viele Grüße!
Edit: Ich glaube ich habe hier die Definition von Class und ID durcheinander gebracht.
Habe es dann auch mit .input_text probiert. Leider erfolglos.

Edit 2:
Code:
.login_text {
    padding-left:15px;
}
Hat das Problem behoben.
 
Zuletzt bearbeitet:
Zurück
Oben