Position von Form in html ändern?

Hey, ich hab absolout keine ahnung von Web Design etc. und habe mir deshalb ein Template für Ein Login-System runtergeladen. Ich bin mit dem Design soweit zufreiden, bis auf das die gesamte Login-Form links am rand ist (siehe Bilder) (Ich hätte sie lieber in der mitte).

Kann mir jmd. erklären wie ich die Form in die Mitte bekomme, oder den code sogar schon passend für mich editieren? :) (Der HTML Teil ist ganz unten, ich hab den PHP Teil aber auch noch mit kopiert weil ich nicht weiß was man davon braucht.)

Danke im Voraus!

Link zum Code: https://pastebin.com/AYFpvhKb

Bild zum Beitrag

3 Antworten

PWolff

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

07.01.2020, 20:21

Umgib die Form mit einer <div> mit align="center" oder gib ihr eine Klasse mit align:center;

oder weise dieses Stilattribut der umgebenden div bzw. ihrer Klasse (also wrapper) zu (zusätzlich oder anstelle von text-align: center)

Siehe https://www.w3schools.com/tags/att_div_align.asp

Woher ich das weiß:Berufserfahrung – Software-Entwickler

regex9

07.01.2020, 20:51

Das align-Attribut ist schon seit etlichen Jahren obsolet und sollte daher nicht mehr verwendet werden, zumal es ja eh keine gute Praxis ist, die Positionierung mit HTML zu lösen.

PWolff

07.01.2020, 20:55

@regex9

Hatte ich auch in Erinnerung und dachte, es müsse irgendwie anders heißen, hab aber nochmal nachgesehen - entweder w3schools oder Google sollte wohl mal auffrischen

regex9

07.01.2020, 20:57

@PWolff

W3Schools erwähnt es, wenn auch nicht am Anfang der Seite.

PhotonX

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

07.01.2020, 20:04

Ersetze

<div class="wrapper">

mit zum Beispiel

<div class="wrapper" style="margin: auto; width: 33%;">

Quelle: https://www.w3schools.com/css/css_align.asp

Dory1

07.01.2020, 20:01

Entweder über CSS

.wrapper {
    width: 350px;
    padding: 20px;
    text-align: center;
    margin: 0 auto;        /* <------- diese Zeile einfügen */
}

oder nur für diese eine Form direkt im HTML:

<div class="wrapper" style="margin: 0 auto;">

Ähnliche Fragen

Html css und php zusammen?

Hi ich bin dabei eine Seite zu erstellen und habe grade das login und registrations design mit Css und Html fertig gestellt. Nun bräuchte ich noch eine art system dahinter. Ich habe geschaut und denke man nutzt Php für dieses System mit Datenbank etc. Nun meine Frage: Kann ich ein Php login system mit meiner html css login seite kombinieren? oder ist das nicht möglich? Sorry wenn die Frage dumm ist :/

...zur Frage

HTML und CSS login daten abrufen?

Hallo ertmal!

Ich habe mal so recherchiert und habe eine Gratis Login und Register Template bekommen. Jetzt will ich aber dass mir die login daten aufs mail geschickt werden, damit ich weiss wer sich da registriert. Den HTML code kann ich nachher noch sagen!

Und bitte macht es nicht zu kompliziert, ich bin erst seit 7 Tagen am programmieren! Am besten ein Video, eine Schritt für Schritt Anleitung oder den code😀

wäre nett wenn ihr antworten würdet😁

...zur Frage

Wix.com websiten design downloaden?

Hay,

ich habe mir so ne wix.com website erstellt und jetzt steht da immer so werbung das des von denen ist und so, und da ich ne eigene domain habe würde ich gerne das design von wix.com als html code copieren und in meiner website einfügen, da die frage an euch, geht es das ich die html datei copiere und in meine seite einfüge?

...zur Frage

Einen bestimmten, festgelegten Bereich einer anderen HTML Seite per iframe einbetten - mit HTML & CSS möglich? habt Ihr Ideen wie man es lösen könnte?

Hallo an alle :)

Eine Seite generell einzubetten, habe ich hinbekommen, ebenso habe ich das Scrollen im iframe bereits (wie auch gewünscht) deaktiviert und wenn man auf Links klickt, öffnen sich diese nicht im eingebetteten Rahmen, sondern in einem neuen Browser-Tab. Soweit, so gut.

Aktuell hänge ich an der Frage, wie und ob, ich auf der Seite, in diesem "iframe" einen bestimmten, von mir vordefinierten Teil der eingebetteten Seite anzeigen lassen kann!? Aktuell wird einfach der komplette obere Teil der eingebetteten Seite angezeigt (weil ich scrollen deaktiviert habe), man soll allerdings nur einen Teil in der Mitte der eingebetteten Seite sehen, nicht die komplette Seite. Habt ihr eine Idee, wie und ob man das am einfachsten lösen kann?

vielen Dank und viele Grüße :)

Anke

...zur Frage

Politik Halbkreis selber erstellen? Welche(s) Programm(iersprache)?

Ich bin sehr Politik interessiert und vor allem Sitzverteilungen und Koalitionen interessieren mich.

Ich versuche seit Ewigkeiten immer wieder so einen Halbkreis zu machen - siehe Bild (hier Österreich als Bsp.)

Habe es schon mit HTML und CSS probiert, bin aber an der Form gescheitert und um das alles (Code und Webseite) zu verbinden.

Weiß da jemand mehr bzw. kann mir jemand helfen und mich glücklich machen?

egal ob YT Video, oder sonst was.

Danke schonmal im Voraus

...zur Frage

Html Passwort?

Guten Tag ich bin dabei eine seite zu programmieren auf welcher man einen key eingeben muss und dann weiter geleitet wird jedoch stoße ich hirbei auf probleme und zwar ist das passwort schon automatisch eingegeben und man kann eingeben was man will man wird trotzdem weitergeleitet wie kann ich das beheben hier der code :

<!DOCTYPE html>
<html>
<body>
<h1>Key</h1>
<form action="/action_page.php">
 <label for="key">Key:</label>
 <input type="password" id="key" name="key" value="1234"><br><br>
 <input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "hier kommt noch ein link".</p>
</body>
</html>

...zur Frage

Seite wird bei Weiterleitung nicht richtig angezeigt?

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zur Frage

Ein "Create"-Button, der eine neue Seite erstellt über php?

Grob gesagt, habe ich vor einen "Create"-Button zu erstellen, der, wenn man auf ihn klickt, eine neue HTML-Seite erstellt, diese HTML-Seite, soll dann ein vorgefertigtes Design haben und soll eine bestimmte CODE haben, denn man wiederum irgendwo eingeben könnte. Als Beispiel könnte man "Discord" nehmen, mit dem Create und Join Buttons.

...zur Frage

Ich habe ein Login gebaut. Jenen sollen wir nun ausschließlich mit AJAX verbessern. (Wir dürfen dabei nicht sowas wie JQUERY verwenden. Das wissen fehlt uns aber dafür an meisten. Vielleicht kann jemand mir dabei helfen mein Login umzubauen und zu verstehen was ich mache.

Mein Login-Quelltext:

<?php
$pdo = new PDO('mysql:host=localhost;dbname=phptest', 'root', '');

if(isset($_GET['login'])) {
  $email = $_POST['Email'];
  $passwort = $_POST['Passwort'];

  $statement = $pdo->prepare("SELECT * FROM login WHERE Email = :Email");
  $result = $statement->execute(array('Email' => $email));
  $user = $statement->fetch();

  //Überprüfung des Passworts
  if ($user !== false && password_verify($passwort, $user['Passwort'])) {
    $_SESSION['userid'] = $user['ID'];
    die('Login erfolgreich. Weiter zu <a href="index.php?site=Startseite">internen Bereich</a>');
  } else {
    $errorMessage = "E-Mail oder Passwort war ungültig<br>";
  }

}
?>
<!DOCTYPE html>
<html>
<head>
  <title>Login</title>
</head>
<body>

<?php
if(isset($errorMessage)) {
  echo $errorMessage;
}
?>

<form action="Loginseite.php?login=1" method="post">
  E-Mail:<br>
  <input type="email" size="40" maxlength="250" name="Email" required><br><br>

  Dein Passwort:<br>
  <input type="password" size="40" maxlength="250" name="Passwort" required><br>

  <input type="submit" value="Login">
</form>
</body>
</html>

...zur Frage

Über PHP HTML Quellcode auslesen und in Variable speichern?

Hallo,

Kennt jemand eine Möglichkeit wie ich mit PHP einen bestimmten Teil HTML Quellcode aus der gerade geöffneten Seite/oder generell aus einer Datei auslesen kann und diesen dann als Text in einer ganz normalen PHP Variablen speichern kann.

Mit bestimmten Teil meine ich zum Beispiel alles was in einem Element wie einem div mit einer bestimmten id steht.

Zum Beispiel dieser HTML Code:

<body>
  <div id="Div1">
      <h1> Nicht dieses Div </h1>
  </div>

  <div id="Div2">
      <h1> Dieses Div </h1>
  </div>

  <div id="Div3">
      <h1> Nicht dieses Div </h1>
  </div>
</body>

Wenn ich dann den Inhalt von Div2 in eine PHP Variable schreiben wil soll in der Variable: "<h1> Dieses Div </h1>" stehen.

Ich hoffe meine Frage ist verständlich und jemand kennt eine Lösung.

Vielen Dank im voraus :D

...zur Frage

Hallo. Ich bin gerade dabei eine Webseite mit Jimdo zu erstellen. Jetzt wollte ich eine Konto / Anmelde Funktion einbauen. Ich habe gehört das man dass mit HTML machen kann (ich kenne mich mit HTML überhaupt nicht aus). Gibt es irgendwelche Vorlagen, Generatoren oder wenigstens einfach erklärte Anleitungen wie ich soetwas machen kann? Danke schon im Voraus :)

...zur Frage

Wie mache ich meine Suchleiste funktionsfähig (Blog)?

Hallo!

Ich habe mit HTML, CSS, JS und PHP einen Blog "geschrieben/programmiert", in dem eine Suchleiste eingebaut ist. Was muss ich tun, um diese funktionsfähig zu machen? Die Suchfunktion sollte meine MySQL Datenbank durchsuchen und dann die gefundenen Beiträge auf einer Seite auflisten.

Bis jetzt sieht der Code erst so aus:

<div class="section search">
 <h2 class="section-title">Search</h2>
 <form action="index.html" method="post">
    <input type="text" name="search-term" class="text-input" placeholder="Search...">
 </form>
</div>

So sieht die Suchleiste auf der Website aus:

Es wäre super, wenn mir jemand mit dem gesamten PHP Skript helfen könnte...

Danke ;)

...zur Frage

Wieso versendet dieser PHP Code die Mail nicht?

Gestern ging es noch.....

Es kommt zwar die Meldung das die Mail verschickt wurde jedoch wurde sie nicht verschickt

<?php
if(isset($_POST['submit'])) {
  $to = $_POST['to'];
  $subject = $_POST['subject'];
  $message = $_POST['message'];
  $header = "From : <//email-adresse-vom-sender>";
  if(mail($to, $subject, $message, $header)) {
    echo "Email sent successfully";
  } else {
    echo "Email failled";
  }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div class="container">
  <div class="form_container">
    <h3>Send Email with PHP</h3>
    <form method="post">
      <p>
        <label for="to">To:</label>
        <input type="text" name="to" placeholder="To.."/>
      </p>
      <p>
        <label for="subject">Subject:</label>
        <input type="text" name="subject" placeholder="Subject.."/>
      </p>
      <p>
        <label for="name">Message:</label>
        <input type="text" name="message" placeholder="Message.."/>
      </p>
      <button name="submit" name='submit'>Send</button>
    </form>
    </div>
    </div>
  
</body>
</html>

...zur Frage

PHP Code in Echo Statement?

Hallo, bei mir wird durch ein php-script eine seite generiert. Meine Frage ist: Ich möchte in der generierten PHP-Datei (mit HTML, CSS-Content) einen Code einbauen. Sodass man zum Beispiel eine Seite generiert und sich vorher z.B. durch ne Session anmelden muss. (durch einen header, nicht seitensintegriert) Da die Ausgabe und Erstellung des Kontexts auf ECHO basiert, wäre meine Frage wie es möglich ist in eine PHP-Datei mit echo statement, einen PHP-Code für die nächste Seite zu integrieren. Sodass sozusagen auf jeder generierten Seite ein Login notwendig ist.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen