User Control Panel

Mr.Soap · 12. Januar 2013

Hallo,
ich habe heute angefangen ein UCP zusammenzubasteln doch
Diese Boxen wollen nicht richtig.

Ich will die 1. Box 2. Box und das Senden so angeordnet haben:

x
x
x

Anstatt so:

xxx

doch ich bekomme dan nur rießige abstände...

Hier mal der Code dazu:

PHP

<form action="login.php" method="post">
  <input type="text" name="Name" style="margin: 20% 15%">
  <input type="password" name="Passwort" style="margin: 20% 15%">
  <input type="submit" value="Senden" style="margin: 20% 15%">
</form>

Hoffe jemand kann mir da helfen.

MFG Arendium

4#Future · 12. Januar 2013

Einfach einen Zeilenumbruch einfügen.

Code

<br />

Den CSS-Style margin kannst du rausnehmen.

Blizzn · 12. Januar 2013

Zitat von Arendium
Hallo,
ich habe heute angefangen ein UCP zusammenzubasteln doch
Diese Boxen wollen nicht richtig.

Ich will die 1. Box 2. Box und das Senden so angeordnet haben:

x
x
x

Anstatt so:

xxx

doch ich bekomme dan nur rießige abstände...

Hier mal der Code dazu:
PHP
Hoffe jemand kann mir da helfen.

MFG Arendium
Alles anzeigen

Vorerst mal:
HTML-Tags sollten geschlossen werden, deswegen:

Code

<input type="text" name="Name" style="margin: 20% 15%" />

Und ansonsten:
Trag das ganze in eine Liste ein (mit ul und li).

[Markus] · 12. Januar 2013

Versuchs mal mit einer Tabelle oder mit <br>

Tabelle:
<table border="0">
<form action="#" method="post">
<tr>
<td>Benutzername</td><td><input type="text" name="name" /></td>
</tr>
<tr>
<td>Passwort</td><td><input type="password" name="passwort" /></td>
</tr>
<tr>
<td><input type="submit" name="absenden" value="Senden" /></td>
</tr>
</form>
</table>

Du musst es noch richtig eindrücken

Mr.Soap · 12. Januar 2013

Fast, danke ich versuche das senden selbst nach vorne zu bringen.
(Sieht nun so aus: http://samprl.de/UCP/)

IntelligenT · 12. Januar 2013

Kannst ja versuchen vor den Senden Button dashier zu machen ein paarmal:

PHP

&nbsp;

MfG.
Me

[Markus] · 12. Januar 2013

Dann mach bei zeile 3 eine leer spalte

maddin · 12. Januar 2013

Bitte benutz dafür CSS und keine Tabelle. Sowas macht man nicht.

Mr.Soap · 12. Januar 2013

Mach ich jetzt auch führ das "Feine"

Mr.Soap · 12. Januar 2013

Jetzt bring ichs netmehr in die mitte dan verzieht sich alles wieder

4#Future · 12. Januar 2013

Dann machst einfach einen DIV-Container außern herum.

In dessen Style-Element fügst du folgendes hinzu: margin: 0 auto;

Ditti · 12. Januar 2013

Also jetzt gerade sieht es sehr abenteuerlich aus.
Du solltest schon den HTML-Code zwischen <body> und </body> und nicht nach </html> schreiben, und in dem Fall vermutlich auch zwischen <div> und </div>.

breadfish.de 11. März 2022