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

LordSash · 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> </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> </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?

Anzeige

MakenX · 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.

LordSash · 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?!

reQ · 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>

StrikeFreedom · 29. Januar 2008

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

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

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>

LordSash · 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

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

Videos zum Thema

Ähnliche Themen mit den Stichworten: Css HTML bekomm

Nützliche Suchen

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

Videos zum Thema

Ähnliche Themen mit den Stichworten: Css HTML bekomm