[ERLEDIGT] Input und Label nicht inline

[huberlix]

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?

 <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>

 

[scbawik]

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?

 <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>

Wahrscheinlich an display:block;

 

[huberlix]

Hmm, display:block habe ich nirgendwo verwendet...

 

[SpiceLab]

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?

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.

 

[scbawik]

Hmm, display:block habe ich nirgendwo verwendet...

Sieht aber nach jQuery Mobile aus, und nicht nach etwas was du selbst geschrieben hast ;)

 

[SpiceLab]

Hmm, display:block habe ich nirgendwo verwendet...

Bitte das Element mit dem integrierten Entwicklerwerkzeug des Browsers hinsichtlich seiner CSS-Formatierungen analysieren.

Das sollte eigentlich der erste Schritt sein, bevor man sich überhaupt mit so einem trivialen Problem an ein Forum wendet.

 

[MrMurphy]

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

 

[huberlix]

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

 

[huberlix]

OK, hab das Element untersucht, und tatsächlich war es inline-block. Wieso auch immer.
Hab jetzt per CSS auf Inline gesetzt, jetzt funktionierts.