Andy: unterschiedliche Abstände bei Label

Hallo,

  
label  
{  
......  
width: 10em;  
text-align: right;  
float:left;  
}

in einem anderen Form brauche  ich label width: 15em; .

Meine Frage muss ich dann direkt im label ein style definieren oder eine andere class

  
.labellang  
{  
  
width: 15em;  
  
}

oder kann ich ein label nur für ein spezielles Formular definieren.
formularkontakt label{
??
}

geht so etwas
Danke
Andy

  1. Hellihello

    geht so etwas

    Alle drei Varianten gehen. Inlinestyle lieber nicht. Klasse wäre möglich

    class="extended someother" geht übrigens auch.

    Oder Du nutzt die Kaskade indem du das ganze Formular klassifizierst.

    Es gibt übrigens ein "ranking" innerhalb des CSS.

    div form.formularname label hätte höhere Priorität als

    label

    (Hängt an dem Ausformulierungsgrad des Pfades).

    Dank und Gruß,

    frankx

    --
    tryin to multitain  - Globus = Planet != Welt
    1. Hallo und danke für Eure Antworten,

      meine css kenntnisse sind von hier

      Alle drei Varianten gehen. Inlinestyle lieber nicht.

      Inline wäre für mich auch nur die Notlösung.

      »» Klasse wäre möglich
      So mache ich das im Moment.

      class="extended someother" geht übrigens auch.

      davon habe ich schon gelesen und es schon genutzt,meist um einen anderen Hintergrund bei Valiierungen zu bekommen.

      Jetzt kommt es, das wäre die Lösung die ich bräuchte, aber ich pack es nicht.

      Oder Du nutzt die Kaskade indem du das ganze Formular klassifizierst.

      Es gibt übrigens ein "ranking" innerhalb des CSS.

      div form.formularname label hätte höhere Priorität als

      label

      Hier mal ein Beispiel, klappt nicht.

        
      form.form2 label {  
      font-size:35px;  
      font-family:Geneva, Arial, Helvetica, sans-serif;  
      width: 5em;  
      text-align: right;  
      float:left;  
      }  
      label  
      {  
      font-size:15px;  
      font-family:Geneva, Arial, Helvetica, sans-serif;  
      width: 10em;  
      text-align: right;  
      float:left;  
      }  
      -->  
      </style>  
      </head>  
        
      <body>  
      <form name="form1" method="post" action="">  
       <label for="name">Name</label>  
          <input type="text" name="name" />  
      </form><br />  
      <form name="form2" method="post" action="">  
       <label for="test">Test</label>  
          <input type="text" name="test" />  
      </form>
      

      Vielen Danke Andy

      1. Hellihello

        es fehlt wohl das class-Attribut. Oder geht es auch mit name?

        Dank und Gruß,

        frankx

        --
        tryin to multitain  - Globus = Planet != Welt
        1. Hallo Frankx,

          ich glaub ich muss noch ein bisschen lesen, scheint nicht so zu klappen wie ich es will.
          Ich habe es jetzt so gelößt, Standard ist label und wenn ich Ausnahmen brauche "packe ich das Formular in einen Div" Danke und nachbarliche Grüße

          Andy

            
            
          #formular1 label {  
          font-size:35px;  
          font-family:Geneva, Arial, Helvetica, sans-serif;  
          width: 5em;  
          text-align: right;  
          float:left;  
          }  
          label  
          {  
          font-size:15px;  
          font-family:Geneva, Arial, Helvetica, sans-serif;  
          width: 10em;  
          text-align: right;  
          float:left;  
          }  
          
          
          1. Hellihello

            #formular1 reagidert auf die id.

            form.formular1 auf class.

            Du brauchst doch kein div drumrum. Alles, was Du dem div mitgibst (id oder class) kannst du auch direkt dem form mitgeben (oder gar dem label)).

            Wundert mich eh, dass das label auf Breitenangabe reagiert, wenn es nicht display:block gesetzt ist, oder war es das?

            Dank und Gruß,

            frankx

            --
            tryin to multitain  - Globus = Planet != Welt
            1. Guten Morgen,

              #formular1 reagidert auf die id.

              so habe ich das letztlich auch gelöst
              css: #form2 label {}
              html:<form name="form2" id="form2"....

              form.formular1 auf class.

              Du brauchst doch kein div drumrum. Alles, was Du dem div mitgibst (id oder class) kannst du auch direkt dem form mitgeben (oder gar dem label)).

              ich hatte mich da verrannt.

              Wundert mich eh, dass das label auf Breitenangabe reagiert, wenn es nicht display:block gesetzt ist, oder war es das?

              nein, war es nicht.
              Ich finde allerdings auch nirgendwo etwas dazu.

              Danke
              Andy

              1. Hellihello

                so habe ich das letztlich auch gelöst

                css: form_speziell label {}
                html:<form name="form2" class="form_speziell"....

                ginge auch, nicht wahr.

                Wundert mich eh, dass das label auf Breitenangabe reagiert, wenn es nicht display:block gesetzt ist, oder war es das?

                nein, war es nicht.
                Ich finde allerdings auch nirgendwo etwas dazu.

                Inline-Elemente haben m.W. keine Breite. Blockelement schon.

                Dank und Gruß,

                frankx

                --
                tryin to multitain  - Globus = Planet != Welt
  2. @@Andy:

    oder kann ich ein label nur für ein spezielles Formular definieren.

    <http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Formate für verschachtelte HTML-Elemente definieren> in Verbindung mit <http://de.selfhtml.org/css/formate/zentrale.htm#individualformate@title=Individualformate definieren>

    Live long and prosper,
    Gunnar

    --
    Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)