espace supplémentaire entre les éléments en ligne

-2

J'ai ce html:espace supplémentaire entre les éléments en ligne

<div class="form-group"><!-- 
    --><div class="input-group" id="fileGroup"> 
    <input type="text" class="form-control" readonly placeholder="<?php echo SF ?> *" id="selectedPiture" required data-validation-required-message="<?php echo FOTO ?>"> 
    <p class="help-block text-danger"></p> 
    <span id="filePicture" class="input-group-btn"> 
     <button id="foto" class="btn btn-default" onclick="$('#fileToUpload').click();" type="button">&#xf1c5</button> 
     <script> 
     ... 
     </script> 
</span> 
</div>

Et dans le résultat que je reçois un espace supplémentaire ci-dessous le texte d'entrée. Vous pouvez voir la bordure dans l'image. J'ai déjà essayé les solutions proposées dans des questions similaires. Mais rien ne fonctionne. Un conseil pour résoudre ce problème?

Source

2015-10-02 pdcc

S'il vous plaît, fournissez un jsfiddle avec le style que vous avez utilisé. – gmast

Fournir le CSS pertinent dans le message serait préférable à _just_ a jsFiddle. Je suppose que cela a à voir avec certains CSS personnalisés que vous avez appliqués comme votre [extrait ci-dessus avec Bootstrap 3.3.5] (http://jsfiddle.net/wqfro7vd/) ne crée pas l'espace que vous avez illustré ci-dessus. – hungerstar

Fixé. Le problème était dans le bouton css, plus précisément le rembourrage. J'ai simplement laissé tomber cette instruction et augmenté la taille de police de la police impressionnante.

Source

2015-10-02 15:02:11 pdcc

espace supplémentaire entre les éléments en ligne

Répondre

Questions connexes