#1
| |||
| |||
form verursacht unschönen ZeilenabstandGuten Abend zusammen, ich sitze leider momentan an einem sehr nervigen Problem. Ich will ein sehr einfaches Formular in meine Seite einbauen. Nur habe ich das Problme das der Tag <form /> zumindestens am Anfang einen unschönen Zeilenabstand verursacht. Beispiel: Code: Text dadrüber <form action="index.php" method="post"> <b>Benuztername:</b> <input type="text" name="membername" value="" size="40" maxlength="100" class="input"> <br /> <br /> <br /> <b>Passwort: </b> <br /> <input type="password" name="password" value="" size="40" maxlength="100" class="input"> <br /> <br /> <br /> <input type="submit" name="send" value="Anmelden" class="input"> <input type="reset" value="Zurücksetzen" class="input"> <input type="hidden" name="page" value="'.$page.'" /> </form> Schonmal Danke! |
#2
| ||||
| ||||
<form /> ist ein Blockelement, es versursacht also einen Zeilenumbruch. Aus diesem Grund steht es in einer neuen Zeile. Ich würde auch nichts daran ändern, als Inline-Element macht ein Formular keinen Sinn. Es ginge aber, siehe mein Codeschnippsel: Code: form[method=post]:after { content: " (" attr(action) ") "; display: inline; } Was das gestalten von Formularen angeht, besonders in Hinsicht auf Barrierefreiheit: http://jeffhowden.com/code/css/forms/ http://www.stuffandnonsense.co.uk/ar...rm_fields.html http://www.badboy.ro/articles/2005-07-23/index.php http://www.formassembly.com/form-gar...e=antique-blue |
#3
| ||||
| ||||
Ich glaube eher, er meint den Abstand (margin) über und unter dem Formular. Versuch mal den folgenden CSS-Code. Vielleicht ist es ja das, was du meinst. Code: form { margin: 0; } |
#4
| ||||
| ||||
Das mag auch sein Ich hatte es bei mir im Fx mit seinem Code getestet und da keinen Abstand erkennen können. |
Stichworte |
- |
Themen-Optionen | |
Thema bewerten | |