Tom: linker Abstand vom letzten Blockelement

Hello,

habe da gerade eine kliene Denkblockade.

Wie muss ich die Klasse definieren, wenn ich einen Abstand des Inputfeldes zum Rand des umhüllenden Blockelenentes und nicht zum Text haben will:

Prozessdatei:   | inputfeld |

Laufzeit:       | inputfeld |

Durchläufe:     | inputfeld |

mit margin-left:20pt; bekomme ich ja nur einen Abstand von 20pt zum letzten Inline-Element, also zum Caption-Text

Vesteht mich überhaupt jemand?

Harzliche Grüße vom Berg
esst mehr http://www.harte-harzer.de

Tom

--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau
  1. Hello,

    noch ein Nachtrag:

    <input class="input" id="time" type="text"   name="data[stoptime]"><br>

    wenn ich jetzt CSS-Angaben zu

    input
    .input
    #time

    mache, in welcher Reihenfolge werden die kaskadiert in dem Beispiel?

    Oder ist .input{} nicht gestattet?

    Harzliche Grüße vom Berg
    esst mehr http://www.harte-harzer.de

    Tom

    --
    Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
    Nur selber lernen macht schlau
    1. Moin Tom,

      Oder ist .input{} nicht gestattet?

      Doch, das kann ich mir jetzt nicht verkneifen ;-)

      Nummer 5 lebt - Input - Input!

      regds
      Mike©

      --
      Freunde kommen und gehen. Feinde sammeln sich an.
      1. Hello,

        Oder ist .input{} nicht gestattet?

        Doch, das kann ich mir jetzt nicht verkneifen ;-)

        Nummer 5 lebt - Input - Input!

        Den Film finde ich auch ganz witzig.

        Aber wie ist das jetzt mit der Reihenfolge.
        Und wo solle man welche Wünsche unterbringen?

        Harzliche Grüße vom Berg
        esst mehr http://www.harte-harzer.de

        Tom

        --
        Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
        Nur selber lernen macht schlau
        1. Moin Tom,

          Aber wie ist das jetzt mit der Reihenfolge.
          Und wo solle man welche Wünsche unterbringen?

          Ich bin "Leidensgenosse" was CSS betrifft, und daher leider nicht in der Lage zu helfen. Aber so wie ich dieses Forum kenne, würde ich mal sagen; "Hier werden Sie geholfen"

          regds
          Mike©

          --
          Freunde kommen und gehen. Feinde sammeln sich an.
    2. Hi,

      wenn ich jetzt CSS-Angaben zu
      input
      .input
      #time
      mache, in welcher Reihenfolge werden die kaskadiert in dem Beispiel?

      Entsprechend der Specificity ;-)
      http://www.w3.org/TR/CSS21/cascade.html#specificity

      id vor Klasse vor Element

      Oder ist .input{} nicht gestattet?

      Warum sollte es nicht gestattet sein?

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  2. Prozessdatei:   | inputfeld |
       Laufzeit:       | inputfeld |
       Durchläufe:     | inputfeld |

    Vesteht mich überhaupt jemand?

    Nein, Tom. ;-)

    Warum nimmst du keine Tabelle? Die wäre hier IMHO wirklich angebracht.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Hallo,

      Prozessdatei:   | inputfeld |
         Laufzeit:       | inputfeld |
         Durchläufe:     | inputfeld |

      Warum nimmst du keine Tabelle? Die wäre hier IMHO wirklich angebracht.

      Das Thema finde ich auch gerade interessant.
      Gibts wirklich keine andere Lösung, als eine Tabelle?
      Außer natürlich eine Positionierung über position:absolute;

      LG

      Chris

  3. Hallo Tom

    mit margin-left:20pt; bekomme ich ja nur einen Abstand von 20pt zum letzten Inline-Element, also zum Caption-Text

    Dann mach eine gefloatetes Blockelement draus.

    Vesteht mich überhaupt jemand?

    So wie ich deinen Wunsch verstehe, könnte es so gehen.

      
    label {  
      float:left;  
      clear:left;  
    }  
    input {  
      display:block;  
      margin-left:10em;  
    }  
    
    
      
      <label for="Prozessdatei">Prozessdatei:</label><input name="Prozessdatei">  
      <label for="Laufzeit">Laufzeit:</label><input name="Laufzeit">  
      <label for="Durchlaeufe">Durchläufe:</label><input name="Durchlaeufe">  
    
    

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    1. Hello Detlef,

      Dann mach eine gefloatetes Blockelement draus.

      label {
        float:left;
        clear:left;
      }
      input {
        display:block;
        margin-left:10em;
      }

      <label for="Prozessdatei">Prozessdatei:</label><input name="Prozessdatei">
        <label for="Laufzeit">Laufzeit:</label><input name="Laufzeit">
        <label for="Durchlaeufe">Durchläufe:</label><input name="Durchlaeufe">

      Das war die passende Idee. Danke!
      So wollte ich das haben.

      Harzliche Grüße vom Berg
      esst mehr http://www.harte-harzer.de

      Tom

      --
      Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
      Nur selber lernen macht schlau