html.de - Hilfe bei erstellen vom Login und Registrieren (bereiche)

by SpiceLab

HTML

<div class="flex-container">
  <div class="flex-item item-1">
  <a href="http://www.schulferien.org/Uhrzeit/uhrzeit.html" style="font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:7pt"><iframe src="http://www.schulferien.org/Uhrzeit/uhrzeit_partner.html?size=16&ccolor=000000&bgcolor=FFFFFF" name="Uhrframe" width="113" height="27" align="left" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"> </iframe></a>
    <h1><u> Foto Community </u></h1>
    <u><center><p>Hier geht es zur Galerie </p></center></u>
    <form action="galerie.html" methos="POST">
      <center><input type="submit" value="Galerie" /></center>
      <center> Wenn ihr möchtet, dass eure Bilder auch in der Galerie sind, schickt sie mir per <u>E-Mail: [email protected] </u></center>
      <center> Zudem könnt ihr mir gerne die Texte mitschicken, werde diese zu eueren Bildern dazupacken</center>
    </form>
    <hr />
  </div>
  <div class="flex-item">
    <h3><u>Registrierung</u></h3>
    <form action="register.php" method="POST">
      Benutzername:<br>
      <input type="text" name="user"><br>
      Passwort<br>
      <input type="password" name="pw1"><br>
      E-Mail Adresse:<br>
      <input type="text" name="email"><br>
      <input type="submit" value="Registrieren" action="register.php">
    </form>
    <hr />
    <h3><u>Login</u></h3>
    <form action="login.html" method="POST">
    Username:<br>
    <input name="Administator" type="text"><br>
    Password:<br>
    <input name="*********" type="password"><br>
    <input value="Login" type="submit" action="login.html">
    </form>
  </div>
</div>

CSS

.flex-container {
display: -webkit-flex;
display: flex;
background-color: lightgrey;
}
.flex-item {
background-color: grey;
margin:10px
}
.flex-item:nth-child(1) {
-webkit-flex:1;
flex:1
}