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

Form zentrieren

freakXHTML

Mitglied
Hallo zusammen,
wie kann ich eine <form> zentrieren? Google schlägt text-decoration:center; vor, doch das funktioniert nicht, weil es sich eben um keinen Text handelt. Ich möchte jedoch nicht mit margin-left die Pixel abzählen, da immer in der Mitte meines divs bleiben soll. Die Eingabeformulare sollen immer unter "Copyright freakXHTML" stehen.Könnt ihr mir helfen?

HTML:
<div>
<p style="border:1px solid black; font-size: 0.8em; text-align: center;">
Copyright <a  style="text-decoration:none" href="#">&copy</a> freakXHTML
</p> 
<form>
<label>Benutzername:<input id="inputbox"type="text" name"name" /></label>
<label>Passwort: <input id="inputbox"type="password" name"password" /></label>
     <input class="submitbutton" type value="Einloggen" />
</form>
</div>

Vielen Dank
lg, freakXHTML
 
Danke! Es funktioniert aber leider nicht. Es gibt keinen Unterschied.

HTML:
<p style="border:1px solid black; font-size: 0.8em; text-align: center;">
Copyright <a  style="text-decoration:none" href="#">&copy</a> freakXHTML
</p> 
<form style="margin:auto;"> <!-- Kein Unterschied zu vorher -->
<label>Benutzername:<input id="inputbox"type="text" name"search" /></label>
<label>Passwort: <input id="inputbox"type="password" name"search" /></label>
     <input class="submitbutton" type= "submit" value="Suche" />
</form>

Wie kriege ich das Eingabeformular unter das Copyright - also zentriert?

Vielen Dank
lg, freakXHTML
 
Du musst dem <form> natürlich auch eine Breite geben, denn sonst erstreckt es sich über die gesamte Breite, da ist dann nichts zu zentrieren.
 
Das funktioniert auch nicht. Mit width jedenfalls nicht. Es passiert rein gar nichts. Habt ihr noch andere Lösungsvorschläge?

HTML:
<form style=" width:900px; margin:auto;">
<label>Benutzername:<input id="inputbox"type="text" name"search" /></label>
<label>Passwort: <input id="inputbox"type="password" name"search" /></label>
     <input class="submitbutton" type= "submit" value="Suche" />
</form>

Vielen Dank für eure Hilfe
lg, freakXHTML
 
Zurück
Oben