Wolly300
Lieutenant
- Registriert
- Mai 2014
- Beiträge
- 514
Hallo Community,
ich habe das Problem das FireFox nicht auf den oben genannten Befehl reagiert. Hier das Bild Beispiel:
Und in Chrome:
Hier mal der CSS Teil.
Muss dazu sagen das ich noch ein Neuling bin und noch nicht weiß wie ich das hässliche "form, .form-container" weg bekomme.
Der HTML Teil:
Danke für eure Hilfe.
ich habe das Problem das FireFox nicht auf den oben genannten Befehl reagiert. Hier das Bild Beispiel:
Und in Chrome:
Hier mal der CSS Teil.
Muss dazu sagen das ich noch ein Neuling bin und noch nicht weiß wie ich das hässliche "form, .form-container" weg bekomme.
Code:
body{
margin: 0 auto;
background-image:url(EFT.png);
background-repeat:no-repeat;
background-position:center;
}
h1{
color: rgba(232,190,107,0.8);
font-family: cursive;
}
form, .form-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.container{
width: 300px;
height: 270px;
text-align: center;
background-color: black;
margin: 0 auto;
border-radius: 7px;
margin-top: 200px;
}
input{
height: 40px;
width: 280px;
}
.button1{
background-color:rgba(232,190,107,0.8);
border-color: black;
font-family: cursive;
font-size: 1.4em;
border: 1px;
}Der HTML Teil:
Code:
<body>
<div class="container">
<form>
<h1>Login</h1>
<input type="text" name="Benutzername" maxlength="20" id="username" value class="Benutzername" placeholder="Benutzername" required>
<br class="clear">
<input type="password" name="Passwort" maxlength="20" id="password" value class="Passwort" placeholder="Passwort" required>
<br>
<input type="submit" class="button1" value="Anmelden" style="width: 170px;">
</form>
</div>
</body>Danke für eure Hilfe.
