Tweet
Hi
Ich stehe da gerade Fest bei einem Problem mit einem Formular.
Ausschauen tut das Ergebnis so:
(Safari und Firefox Bild entfernt, da nun korrekt dargestellt)
Wie man erkennen kann, hat es nach dem <label>-Feld einen Abstand der nicht sein sollte.
HTML:
CSS: (angepasst nach Amicas Korrektur)
Sowohl das CSS als auch das HTML ist valide.
Der Aufbau wäre eigentlich so gedacht:
Eigentlich ist das ja auch nicht wirklich kompliziert, aber aus irgendeinem Grund macht sich der erste <div> mit dem <label> und <input> drinnen viel zu gross.
Ich stehe da gerade Fest bei einem Problem mit einem Formular.
Ausschauen tut das Ergebnis so:
(Safari und Firefox Bild entfernt, da nun korrekt dargestellt)
Wie man erkennen kann, hat es nach dem <label>-Feld einen Abstand der nicht sein sollte.
HTML:
HTML-Code:
<div id='kontakt'> <div id='nachricht_div'> <label for='nachricht'>Nachricht:</label> <textarea id='nachricht' name='nachricht' rows='10' cols='10'></textarea> </div> <div id='felder_div'> <div> <label for='name'>Name:</label> <input id='name'/> </div> <div> <label for='email'>E-mail:</label> <input id='email'/> </div> <div> <label for='telefon'>Telefon:</label> <input id='telefon'/> </div> <div> <label for='adresse'>Adresse:</label> <input id='adresse'/> </div> </div> </div>
Code:
#nachricht_div{
width: 33em;
float: left;
margin-right: 2em !important;
margin-right: 1em;
}
#nachricht_div label{
display: block;
font-size: 1.2em;
}
#nachricht_div textarea{
width: 33.33em !important;
width: 33.1em;
height: 16.66em;
font-size: 1.2em;
font-family: Helvetica, Arial;
padding: 0.4em;
border: 0.1em solid #003;
background-color: transparent;
color: #003;
}
#felder_div{
margin-left: 42em;
padding: 0em;
border: 0.1em solid white;
}
#felder_div div{
border: 0.1em solid blue;
}
#felder_div label{
display: inline;
font-size: 1.2em;
}
#felder_div input{
border: 0.1em solid #003;
background: transparent;
margin: 0em;
padding: 0em;
width: 100%;
}
Sowohl das CSS als auch das HTML ist valide.
Der Aufbau wäre eigentlich so gedacht:
Eigentlich ist das ja auch nicht wirklich kompliziert, aber aus irgendeinem Grund macht sich der erste <div> mit dem <label> und <input> drinnen viel zu gross.
Moderatorin
Kommentar