Css / HTML | Wie bekomm ich die Lücke weg? ^^

Dieses Thema im Forum "Webentwicklung" wurde erstellt von LordSash, 28. Januar 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 28. Januar 2008
    hab hier son kleines problem, erstell gerade ne page mit login usw.

    nu hab ich alles schön in div tags gestopft und mit css formatiert, is relativ neu für mich das alles mit css zu machen usw, kenn noch die guten alten tabellen

    aber meine frage ist, wie bekomm ich die lücke da weg?

    <p>&nbsp;</p>
    <form action="" method="post" name="login">
    <input name="user" type="text" value="Loginname" maxlength="20" />
    <input name="pass" type="password" value="Passwort" maxlength="10" />
    <input name="submit" type="submit" value="Login" />
    </form>
    <p>&nbsp;</p>
    <p><a href="javascript opup()">Passwort vergessen?</a></p>

    wäre der code ausschnitt, zwichen der form und der leeren p tag entsteht komischerweise ne lücke von ca 10px

    der css code für die entsprechenden bereiche ist wie folgt

    p {
    margin: auto;
    background-color: #287AA9;
    }

    input {
    border: #999999 1px solid;
    border-bottom-width: thin;
    background-color: #287AA9;
    color: #A0B842;
    width: 100%;
    text-align: center;
    }

    kann mir zufällig wer helfen?
     
  3. 28. Januar 2008
    AW: Css / HTML | Wie bekomm ich die Lücke weg? ^^

    Also da du noch am Lernen bist, gebe ich dir friedlich ein paar Tipps ... nutze doch bitte keinen leeren Textparagraphen für Abstände oder Block-Formatierung sondern sie passenden CSS - Eigenschaften. Ich finde ja nichts "großes" auffälliges, das einzige was mir da einfällt, dass das "margin: auto" deiner ps den spalt erzeugt.
     
  4. 29. Januar 2008
    AW: Css / HTML | Wie bekomm ich die Lücke weg? ^^

    aha, und wie zentriere ich den text dann in den feldern?

    und welche eigenschaften gibts es in css um eine solche lücke zu erstellen?!
     
  5. 29. Januar 2008
    AW: Css / HTML | Wie bekomm ich die Lücke weg? ^^

    Text in den feldern mit text-align: center .

    Eine lücke eine leerzeile kannste erstellen indem du nen div ein und ausleitest oder mit dem befehl

    </br>
     
  6. 29. Januar 2008
    AW: Css / HTML | Wie bekomm ich die Lücke weg? ^^

    Hey, also ich würde es ungefähr so machen:

    Spoiler
    HTML:
    <style type="text/css">
.login {
 margin: auto;
 width:200px;
 background-color: #287AA9;
}

.pw {
 text-align:center;
 color:#A0B842;
}

input {
 border: #999999 1px solid;
 border-bottom-width: thin;
 background-color: #287AA9;
 color: #A0B842;
 width: 100%;
 text-align: center;
}
</style>

<div class="login">
<form action="" method="post" name="login">
 <input name="user" type="text" value="Loginname" maxlength="20" />
 <input name="pass" type="password" value="Passwort" maxlength="10" />
 <input name="submit" type="submit" value="Login" />
</form>
<a class="pw" href="javascript:popup()">Passwort vergessen?</a>
</div>
     
  7. 29. Januar 2008
    AW: Css / HTML | Wie bekomm ich die Lücke weg? ^^

    jo, danke für die viele hilfe, habs so änlich gemacht wie strikefreedom
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.