0
CSS richtig anwenden
![](https://s3-us-west-2.amazonaws.com/media.forumbee.com/i/d1e56b9b-4f8b-4ed1-9515-04a6de6bd068/h/547.png)
Vielleicht könnt Ihr mir helfen,
wie schaffe ich es 3 verschiedene Größen für die Eingabefelder im CSS zu deklarieren und anzuwenden im HTML? (input & select )
<style>
.main-container
{
width: 100%;
background-color: #DFDFDF;
height: auto;
display: flex;
}
.inner-container
{
width: 100%;
padding:1px 2px;
border-width:1px;
}
.feld_groß
{
float:left;width:180px;height: 27px
}
select
{
float:left;width:150px;height: 27px
}
.feld_klein
{
float:left;width:15px;height: 27px
}
.feld_mittel
{
float:left;width:30px;height: 27px
}
</table>
</div>
<body>
<div class=main-container>
<div class=inner-container>
<label>KV-Nr.:</label><br>
<div class=feld_mittel>
<input placeholder='KV-Nr.'>
</div>
</div>
<div class=inner-container>
<label>Name:</label><br>
<div class=feld_groß>
<input placeholder='Name'>
</div>
</div>
<div class=inner-container>
<label>Vorname:</label><br>
<div class=feld_groß>
<input placeholder='Vorname'>
</div>
</div>
<div class=inner-container>
<label>Straße:</label><br>
<div class=feld_groß>
<input placeholder='Straße'>
</div>
</div>
<div class=inner-container>
<label>PLZ:</label><br>
<div class=feld_klein>
<input placeholder='PLZ'>
</div>
</div>
<div class=inner-container>
<label>Ort:</label><br>
<div class=feld_groß>
<input placeholder='Ort'>
</div>
</div>
<div class=inner-container>
<label>Auftragswert:</label><br>
<div class=feld_mittel>
<input placeholder='Auftragswert'>
</div>
</div>
<div class=inner-container>
<label>Etage:</label><br>
<div class=feld_mittel>
<select id='list'><option>Etage</option></select>
</div>
</div>
<div class=inner-container>
<label>Aufzug:</label><br>
<div class=feld_mittel>
<select id='list1'><option>Aufzug?</option></select>
</div>
</div>
</body>
</html>
";
Antwort
Content aside
- vor 3 MonatenZuletzt aktiv
- 54Ansichten
-
1
Folge bereits