reverseit
Neues Mitglied
Hey, bräuchte unbedingt eure Hilfe!
Geht darum, ich habe ein Hintergrundbild (Schwarz mit Logo zentriert, Maße 1440x900),
und ein Kontaktformular. Problem ist nun folgendes: Wie kriege ich das Kontaktformular mit Abschicken-Button zentriert unter das Logo des Hintergrunds? Alle meine bisherigen Versuche schlugen fehl.
Hier meine HTML:
<html>
<head>
<title>Kontaktformular</title>
<form>
<label for="name">Name:</label>
<input id="name" type="text" name="name" /><br>
<label id="eventname" for=eventname">Eventname:</label><tab>
<input id="eventname" type="text" name="eventname" /><br>
<label id="was?" for=was?">Was?:</label>
<input id="was? type="text" name="was?" /><br>
<label id="wann?" for=wann?">Wann?:</label>
<input id="wann? type="text" name="wann?" /><br>
<label id="wo?" for=wo?">Wo?:</label>
<input id="wo? type="text" name="wo?" /><br>
<label for="email">E-Mail:</label>
<input id="email" type="text" name="email" /><br>
<input id="submit" type="submit" name="submit" value="Abschicken" /><br>
</form>
<body>
<body background="title.jpg">
<link href="design.css" type="text/css" rel="stylesheet">
</body>
</head>
</html>
Und meine CSS:
@font-face {
font-family: 'Century Gothic';
src: url(gothic_0.woff);
src: local('Century Gothic Standard');
local('Century Gothic Standard'),
url('gothic_0.ttf') format('truetype');
}
form {
color: white;
background-color: transparent;
font-family: 'Century Gothic', Arial, sans-serif;
float: left;
text-align: right;
margin-right: auto;
margin-left: auto;
display: block
width: 80px;
border: 0;
margin-bottom: 10px;
height: 160px;
}
input {border:1px solid white; background:transparent;}
.submit input
{
margin-left: 4.5em;
color: FFFFFF;
}
Hoffe ihr könnt mir helfen.
Geht darum, ich habe ein Hintergrundbild (Schwarz mit Logo zentriert, Maße 1440x900),
und ein Kontaktformular. Problem ist nun folgendes: Wie kriege ich das Kontaktformular mit Abschicken-Button zentriert unter das Logo des Hintergrunds? Alle meine bisherigen Versuche schlugen fehl.
Hier meine HTML:
<html>
<head>
<title>Kontaktformular</title>
<form>
<label for="name">Name:</label>
<input id="name" type="text" name="name" /><br>
<label id="eventname" for=eventname">Eventname:</label><tab>
<input id="eventname" type="text" name="eventname" /><br>
<label id="was?" for=was?">Was?:</label>
<input id="was? type="text" name="was?" /><br>
<label id="wann?" for=wann?">Wann?:</label>
<input id="wann? type="text" name="wann?" /><br>
<label id="wo?" for=wo?">Wo?:</label>
<input id="wo? type="text" name="wo?" /><br>
<label for="email">E-Mail:</label>
<input id="email" type="text" name="email" /><br>
<input id="submit" type="submit" name="submit" value="Abschicken" /><br>
</form>
<body>
<body background="title.jpg">
<link href="design.css" type="text/css" rel="stylesheet">
</body>
</head>
</html>
Und meine CSS:
@font-face {
font-family: 'Century Gothic';
src: url(gothic_0.woff);
src: local('Century Gothic Standard');
local('Century Gothic Standard'),
url('gothic_0.ttf') format('truetype');
}
form {
color: white;
background-color: transparent;
font-family: 'Century Gothic', Arial, sans-serif;
float: left;
text-align: right;
margin-right: auto;
margin-left: auto;
display: block
width: 80px;
border: 0;
margin-bottom: 10px;
height: 160px;
}
input {border:1px solid white; background:transparent;}
.submit input
{
margin-left: 4.5em;
color: FFFFFF;
}
Hoffe ihr könnt mir helfen.