2016-10-16 2 views
-1

En HTML, je veux aligner un bouton en plus d'un texte région comme dans un messager:Vous voulez garder le bouton en plus de la zone de texte

Like this

Les deux sont en bas de page, mais quand je change la taille de l'écran, cela se produit:

This happens

<input type="button" value="➢" onclick="CheckAndSubmit()" style=" position:fixed; bottom:4px;right:100px; padding:15px;"> 
<textarea name="message" id="message" cols="40" rows="1" style="position:fixed; padding:15px; bottom:4px;"></textarea> 
+0

Vous devez fournir le code avec vos questions Othervise ne va deviner ici – Beloo

+0

@Beloo d'accord, merci je garde cela à l'esprit – Sid

Répondre

0

La meilleure façon de le faire est d'utiliser Bootstrap, vous pouvez en lire davantage ici; http://getbootstrap.com/.

Pour utiliser bootstrap, mettez dans votre html -tag:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

Dans votre code HTML, vous pouvez simplement écrire:

<div class="container"> 
    <div class="col-md-10"> 
     // Input field goes here 
    </div> 
    <div class="col-md-2> 
     // Button goes here 
    </div> 
</div>