0

CSS richtig anwenden

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

null
Anmelden, um zu antworten

Content aside

Kategorien

Alle Themen anzeigen
  • vor 11 MonatenThu, June 6, 2024 at 9:35 AM UTCZuletzt aktiv
  • 88Ansichten
  • 1 Folge bereits