Joe-B
Cadet 4th Year
- Registriert
- Aug. 2006
- Beiträge
- 78
Hi,
erstelle im moment ein Benutzerprofil für eine Website, bin aber leider nicht so fit was html/css angeht :/ Die Radiobuttons tanzen immer aus der Reihe. Hab jetzt schon alles mögliche probiert aber es will einfach nicht -.-
Kann mir wer sagen, wie ich die Radiobuttons bündig bekomme und die labels "männlich" "weiblich" daneben?
Thx & Gruß
erstelle im moment ein Benutzerprofil für eine Website, bin aber leider nicht so fit was html/css angeht :/ Die Radiobuttons tanzen immer aus der Reihe. Hab jetzt schon alles mögliche probiert aber es will einfach nicht -.-
Kann mir wer sagen, wie ich die Radiobuttons bündig bekomme und die labels "männlich" "weiblich" daneben?
Thx & Gruß
HTML:
<?php
/* unwichtig */
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<link href="design.css" type="text/css" rel="stylesheet" />
<title>Profil</title>
</head>
<body>
<?php echo $errmsg; ?>
<?php echo $msg; ?>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method=post name="profileform">
<label for="vorname">Vorname: *</label> <input type=text name="vorname" value="<?php echo $vorname; ?>">
<label for="nachname">Nachname: *</label> <input type=text name="nachname" value="<?php echo $nachname; ?>">
<label for="geburtsdatum">Geburtsdatum: *</label> <input type=text name="geburtsdatum" size=30 value="<?php echo $geburtsdatum; ?>"> <!-- Format: Tag.Monat.Jahr z.B.: 07.03.1978<br>-->
<label for="geschlecht">Geschlecht: *</label>
<input type="radio" name="geschlecht" value="w" id="w" <?php if($geschlecht == "w"){echo checked;}?>> <!-- <label for="w">Weiblich</label>-->
<input type="radio" name="geschlecht" value="m" id="m" <?php if($geschlecht == "m"){echo checked;}?>> <!-- <label for="m"> Männlich</label>-->
<label for="adresse">Adresse:</label> <textarea type=text name="adresse"><?php echo $adresse; ?></textarea>
<label for="plz">Postleitzahl:</label> <input type=text name="plz" value="<?php echo $plz; ?>">
<label for="wohnort">Wohnort:</label> <input type=text name="wohnort" value="<?php echo $wohnort; ?>">
<label for="telefon">Telefon: *</label> <input type=text name="telefon" value="<?php echo $telefon; ?>">
<label for="mobile">Mobiltelefon: *</label> <input type=text name="mobile" value="<?php echo $mobile; ?>">
<label for="branche">Tätigkeit/Branche:</label> <input type=text name="branche" value="<?php echo $branche; ?>">
<label for="abschluss">Letzter Schulabschluss:</label>
<select name="abschluss">
<option value="haupt" <?php if($abschluss == "haupt"){echo selected;}?> >Hauptschule</option>
<option value="real" <?php if($abschluss == "real"){echo selected;}?> >Realschule, mittlere Reife</option>
<option value="abitur" <?php if($abschluss == "abitur"){echo selected;}?> >Fachoberschule, Abitur</option>
<option value="uni" <?php if($abschluss == "uni"){echo selected;}?> >Hochschule, Universität</option>
</select>
<label for="krankheiten">Krankheiten und Allergien:</label> <textarea type=text name="krankheiten"><?php echo $krankheiten; ?></textarea>
<input type=submit name="speichern" value="Speichern">
* = Pflichtfeld
</form>
</body>
</html>
HTML:
select {
position: relative;
top: -1.4em;
left: 8em;
display: block;
width: 19em;
border: 1px solid #a5acb2;
}
label {
float: left;
display: block;
width: 10em;
clear: left; /* Umbruch */
margin-top: -1em;
font-weight: bold;
}
label.erstes {
margin-top: 3em; /* Abstand */
}
input {
position: relative;
top: -1.4em;
width: 19em;
left: 8em;
display: block;
border: 1px solid #a5acb2;
padding: 2px;
background: #fff;
}
input.senden {
top: -1em;
left: 0;
clear: left; /*wichtig */
width: 19em;
}
textarea {
position: relative;
top: -1.4em;
left: 8em;
display: block;
border: 1px solid #a5acb2;
padding: 2px;
width: 19em;
height: 5em;
}
form{
margin: 2em 0;
display: block;
}
