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

[ERLEDIGT] Input und Label nicht inline

Status
Für weitere Antworten geschlossen.
H

huberlix

Neues Mitglied
Ich kriege Label und Input einfach nicht nebeneinander. Habe sogar den Input auf <width:20% > gestellt, weil ich dachte, es liegt an dem zu breiten Textfeld.
Aber trotzdem stehen sie übereinander.
So solls sein:
Label: I--------I

So isses:
Label:
I--------I

Woran liegt das?
Code: 
 <div data-role="dialog" id="FreieEingabe" >        
         <div data-role="header" >Freie Wert-Eingabe</div>
        
         <div data-role="content" id="Eingabefeld" >          
               <div data-role="fieldcontain" class="Eingabeform" id="Eingabeform">              
                  <label for="input1" data-inline="true"  >Cem</label>
                  <input type="text" name="input1" id="input1" value="" data-inline="true" data-mini="true" placeholder="0,00"/>     
              </div>         
            
           <a href="#home" data-role="button"  Ident="Eingabe-Button" data-inline="true">OK</a>                  
         </div>        
            
         <div data-role="footer"></div>    
 </div>
 
Werbung:
huberlix schrieb:
Ich kriege Label und Input einfach nicht nebeneinander. Habe sogar den Input auf <width:20% > gestellt, weil ich dachte, es liegt an dem zu breiten Textfeld.
Aber trotzdem stehen sie übereinander.
So solls sein:
Label: I--------I

So isses:
Label:
I--------I

Woran liegt das?
Code: 
 <div data-role="dialog" id="FreieEingabe" >        
         <div data-role="header" >Freie Wert-Eingabe</div>
        
         <div data-role="content" id="Eingabefeld" >          
               <div data-role="fieldcontain" class="Eingabeform" id="Eingabeform">              
                  <label for="input1" data-inline="true"  >Cem</label>
                  <input type="text" name="input1" id="input1" value="" data-inline="true" data-mini="true" placeholder="0,00"/>     
              </div>         
            
           <a href="#home" data-role="button"  Ident="Eingabe-Button" data-inline="true">OK</a>                  
         </div>        
            
         <div data-role="footer"></div>    
 </div>
Zum Vergrößern anklicken....

Wahrscheinlich an display:block;
 
Werbung:
huberlix schrieb:
Ich kriege Label und Input einfach nicht nebeneinander. Habe sogar den Input auf <width:20% > gestellt, weil ich dachte, es liegt an dem zu breiten Textfeld.
Aber trotzdem stehen sie übereinander.
So solls sein:
Label: I--------I

So isses:
Label:
I--------I

Woran liegt das?
Zum Vergrößern anklicken....
Und was hat dieses Problem nun mit JavaScript zu tun? (= deine ursprüngliche Wahl des Forums)

Ansonsten, anhand des HTML-Codes ist die Ursache für uns nicht ersichtlich!

Wenn du hier von uns zielführende Antworten lesen willst, bitte den Link zur Seite nennen, oder auf https://jsfiddle.net das Problem demonstrieren.
 
Werbung:
Hallo

Wenn ich mit deinem Quellcodeschnipsel eine Webseite erstelle stehen label und input nebeneinander.

Das Problem wird demnach an dem Teil des Quellcodes liegen, den du uns vorenthälst.

Wie sollen wir dir so helfen?

Gruss

MrMurphy
 
Dies ist meine erste Seite mit Html5, jquerymobile und JavaScript.
Ich weiß nun mal nicht woran es liegt. Ein Jqm Forum gibts hier nicht, daher dachte ich JavaScript Forum wäre die richtige Wahl. Sorry wenn das falsch war.

Werd morgen früh mal versuchen das Element zu analysieren. Bin grad zur Nachtschicht.

Für euch mag das trivial sein. Für mich als Anfänger ist es mir völlig schleierhaft, wieso die beiden nicht in eine Linie wollen.



Gruß Bernd
 
Zuletzt bearbeitet:
OK, hab das Element untersucht, und tatsächlich war es inline-block. Wieso auch immer.
Hab jetzt per CSS auf Inline gesetzt, jetzt funktionierts.
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben