[HTML/CSS] Position bouton. Résolu/Fermé

Question

Bonjour, 

Mon problème c'est que je n'arrive pas a bouger un bouton convenablement, il change de position en fonction de l'écran ou si je zoom ou de zoom, j'utilise position absolute.

Si vous voyez le problème sa serait cool de me dire quoi :)

magicshark · Accepted Answer

pour le plus et moins
position: absolute; 


elle est là ton erreur
position: absolute;  ton boutn garde toujours la meme positiion top et right (ou left oubottom) jprefere utiliser float personnellement

ben69 · Answer

Salut,
Je ne sais pas si va marcher ou si ton probleme vient de la mais il me semble que dans 
p.label_plus input
p.label_moins input
p.label_ticket input
Il n'y a pas besoin du "p" ou alors si tu veux le mettre, il faut mettre un espace entre le p et .label_xxxxx ...

Bassre · Answer

Merci mais sa change rien :x
Par contre c'est vrai que le P n'est pas indispensable, mais je l'ai mis pour mieux me repérer dans mon code ;)

brookville · Answer

tu devrais essayer dajuster en % a la place de px...

Bassre · Answer

Déjà essayé, mais le problème est tjrs le même, merci quand même.

Bassre · Answer

Merci, je vois ce que tu veux dire, en effet avec float sa serait bon mais bon je ne peux pas vraiment positionner mon bouton ou que je veux, avec float on peut juste définir right et left, non?

Bassre · Answer

Hmm j'ai essayé avec des margin, mais sa n'a pas l'air de marcher, tu peux écrire un p'tit exemple stp? tu voulais dire faire un truc du genre:  


float: right; 
margin-left: 50 px;  

? parce que mon bouton n'a pas bougé d'un pouce :/ 
_______________________ 

Bref je pense que j'ai trouver ma solution, mais j'ai plus bidouillé que autre chose: 

J'ai changé mon .CSS: 

p.label_plus { 

 float:right; 

} 

p.label_plus input{ 

   width:40px; 
   position: relative; 
   right: 15px; 
   top: -55px; 
} 

p.label_moin { 

 float:left; 

} 

p.label_moin input{ 

  width:40px; /*longueur balise*/ 
  position: relative; 
  left: 15px; 
  top: -55px; 
} 

C'est "légal" ?

Bassre · Answer

Oki, merci, parfait sa me donne ça finalement:

p.label_plus input{

   width:40px;
   float:right;
   margin-right: 15px;
   margin-top: -40px;
}


p.label_moin input{

  width:40px;
  float:left;
  margin-left: 15px;
  margin-top: -40px;
}

Je sais que tu m'as dis que les valeurs négatives sont pas conseillé, mais bizarrement quand je met margin-bottom la balise ne bouge pas mais toute la longueur de mon tableau augment si je met margin-bottom: 100px; par exemple et inversement avec un - .  Va savoir pourquoi oO

Bassre · Answer

Malheureusement même avec le display block la longueur de mon tableau augmente lorsque je met un margin-bottom.

[HTML/CSS] Position bouton.

9 réponses

Discussions similaires