<form> macht immer automatisch einen Absatz

Status
Nicht offen für weitere Antworten.

multimolti

Erfahrenes Mitglied
Hallo!

Mache mir gerade eine Bildergallerie und will jetzt ein Feld, in das man eine Bild-ID eingibt, und dann direkt zu diesem Bild jumpen kann.
Das Problem ist nur, das die form nicht in die selbe Zeile will wie alles davor, also ich habe diesen Code:
HTML:
<a href="...'">Download</a> 
   <form method="get">
       <input type="text" name="pic" class="FormJumpFeld"> 
       <input type="submit" value="go" class="FormJumpButton">
   </form>
Aber der Download-Link und die Input-Box sind in unterschiedlichen Zeilen. Ich denke, man kann irgendwie per CSS sagen, das das in die gleiche Zeile soll, aber habe keine Ahnung wie, Hilfe wäre sehr willkommen!
 
Hi,

mit display:inline verliert das Formularelement seine Blockelement-Charakteristika und erzeugt keinen Absatz:

Code:
form {
display:inline;
}
 
Formulare werden meist mit einem unteren Abstand von 1em dargestellt. Dieser muss also einfach nur auf null gesetzt werden:
Code:
form {
	margin-bottom: 0;
}
 
Markus' Hinweis zielt auf den Außenabstand ab, den das Formular als Blockelement zu den nachfolgenden Elementen erzeugt, und hilft dir bei deinem Vorhaben nicht weiter.
 
Status
Nicht offen für weitere Antworten.
Zurück