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

brookville Messages postés 4 Date d'inscription Statut Membre Dernière intervention 3

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

Bassre Messages postés 43 Date d'inscription Statut Membre Dernière intervention 8

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?

FairyNess Messages postés 215 Date d'inscription Statut Membre Dernière intervention 446

oui le mieux est d'utiliser le float. Les left, right ect.. servent pour les positions en absolute, relative, fixe) uniquement.

Pour positionner des floats, c'est avec des margin.

Réponse 4 / 9

Bassre Messages postés 43 Date d'inscription Statut Membre Dernière intervention 8

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

FairyNess Messages postés 215 Date d'inscription Statut Membre Dernière intervention 446

son site est-il en ligne pour que j'y jete un oeil

Bassre Messages postés 43 Date d'inscription Statut Membre Dernière intervention 8

Non, mais c'est bon je vais mettre résolu, vu que sa me conviens comme ça, encore merci ;)

cya

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 9

ben69 Messages postés 3101 Date d'inscription Statut Contributeur Dernière intervention 676

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

Réponse 6 / 9

Bassre Messages postés 43 Date d'inscription Statut Membre Dernière intervention 8

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

Réponse 7 / 9

Bassre Messages postés 43 Date d'inscription Statut Membre Dernière intervention 8

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

Réponse 8 / 9

Bassre Messages postés 43 Date d'inscription Statut Membre Dernière intervention 8

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

FairyNess Messages postés 215 Date d'inscription Statut Membre Dernière intervention 446

C'est l'input qui devrait être en float.
Personnellement j'suis contre le bidouillage, et ta méthode n'est pas pas très souple. Coté maintenance pour plus tard, ça risque d'être chaud...
Les valeurs négatives sont pas conseillés aussi...

Réponse 9 / 9

Bassre Messages postés 43 Date d'inscription Statut Membre Dernière intervention 8

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

FairyNess Messages postés 215 Date d'inscription Statut Membre Dernière intervention 446

ah oui, rajoute un display:block; comme ceci :

p.label_plus input{
display:block;
width:40px;
float:right;
margin-right: 15px;
margin-top: -40px; <-- ici privilégie les marges positives, alors résonne à l'inverse, essai avec le bottom
}

Le display block permet à un élément inline de se comporter comme un bloc (ex: div)

CHAMBAH

Merci

[HTML/CSS] Position bouton.

9 réponses

Votre réponse

Discussions similaires