le float ne marche plut en presence de la position absolute et relative
Bonjour
depuis 3 jours je bloque et je ne trouve auqu'une solution a mon probleme qui est de deplacer mes 2 buttons(add et submit) a la fin de ma div et a droite,
pour que chaque fois que je clique sur add ca cree un nouveau champ et les button desendent mais ya pas moyen, si je met les position relative a la div parent et absolute a la child ca se deplace vers le bas mas le float : right ne fonctione plut,je suis debutant en devloppment web et je fait le maximum Croyez moi !!
bref voice mon
Code:
1 2 3 4 5 6
| <div class="f" id="labrep">
<label>écrire votre question:</label>
<textarea class="form-control" id="area" ></textarea>
<input type="text" class="form-control re" id="rep" placeholder="reponse 1">
<div class="btn btn-success btn-xs bb " >Submit</div>
<div onclick="AjRep()" class="btn btn-success btn-xs bb" id='badd'>Add</div> |
mon css :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| .bb{
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
position : absolute;
bottom : 0;
float : right;
}
#labrep{
position : relative;
} |
et mon Js:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| var num =2;
function AjRep (){
var ligne = "<input type='text' class='form-control re' placeholder='reponse"+ num +"'>";
if(num > 5){
alert("pas plus de 5 reponses Merci Saha");
}
else {
document.getElementById('labrep').innerHTML += ligne;
num++;
}
}; |