• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Warum wird Input Klasse nicht verwendet?

F

frad

Neues Mitglied
Hallo,

ich finde den Fehler nicht - das Input-Feld wird nicht mittels CSS angesteuert...

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Das style-Element</title>
<style type="text/css">

#settings {

}


legend.settings_legend {
    color: #A8A8A8;
    letter-spacing: 1px;
    padding: 0 4px 0 5px;
    position: relative;
    text-transform: lowercase;
    top: -4px;
}

fieldset#settings {
    border-color: #CCCCCC #E0E0E0 #F0F0F0;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    padding: 10px 5px 5px;
  }
label.settings_label {
  width: 180px; display: block; float: left;  }
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;

  }

#settings .settings_input {
     background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    color: #333333;
    margin-bottom: 5px;
    width: 390px;
    display: inline-block;
        font-family: 'TwCenMTRegular','Tahoma',sans-serif;
  
}
</style>
</head>
<body>

    <fieldset id="settings">
        <legend class="settings_legend">Musterlegend</legend>

        <label class="settings_label">Vorname:</label>
            <input class="settings_input" name="vorname" value="Max" /><br>

        <label class="settings_label">Nachname:</label>
            <input class="settings_input" name="nachname" value="Mustermann" /><br>

        <label class="settings_label">Strasse:</label>
            <input class="settings_input" name="strasse" value="Musterstrasse" /><br>
                </fieldset>
                
                </body>
</html>

Was läuft hier falsch?

Im Prinzip müchte ich für jedes FIELDSET, LEGEN, INPUT eine eigene CSS Definition. Welcher Weg wäre da der sinnvollste?
 
habe ich das eigentlich mit der ID und Klasse so richtig gemacht???

Mir ist noch nicht ganz klar, wie ich für jedes FIELDSET ein eigenes CSS Design zuordne.

Innerhalb des Fieldsets möchte ich dann auch INPUT, LABEL, LEGEND ebenfalls individuell designen.

Ist diese Anweisung korrekt, wenn Fieldset ID= settings für alle INPUT Felder mit der Klasse settings_input?

#settings .settings_input {
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
color: #333333;
margin-bottom: 5px;
width: 390px;
display: inline-block;
font-family: 'TwCenMTRegular','Tahoma',sans-serif;

}
 
naja eine ID hat wird als wichtiger behandelt als eine klasse, eine klasse eignet sich dann wenn du mehrere
objekte mit dem gleichen layout hast.
eine ID wenn nur ein objekt mit diesem layout existiert.
 
ok, das habe ich verstanden. Wie würdest du es machen? Mir ist noch nicht ganz klar, wie ich das anstelle...
 
Ja, dein Code ist so korrekt für diesen Fall.

Die Antwort auf deine Frage wurde dir auch schon von devilseye gegeben.
 
zur weiteren erklärung wenn du mehreren Objekten das gleiche Layout verpassen willst kannst du
dass z.B. so machen.
HTML: 
#nummereins,
.nummerzwei{/*deine Layout angaben*/}

comprendre padre?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben