[HTML/CSS] Position bouton.

Résolu

Html
Css

Bassre Messages postés 49 Statut Membre -
CHAMBAH - 31 oct. 2012 à 11:19

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

Afficher la suite

A voir également:

Position bouton html
Bouton shift pc ✓ - Forum Windows
Ma position - Guide
Editeur html - Télécharger - HTML
Bouton on off ✓ - Forum Loisirs / Divertissements
Quel est la touche shift sur le clavier ✓ - Forum Jeux vidéo

9 réponses

Réponse 1 / 9

magicshark Messages postés 445 Statut Membre 13

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

Réponse 3 / 9

Bassre Messages postés 49 Statut Membre 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 232 Statut Membre 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 49 Statut Membre 8

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

FairyNess Messages postés 232 Statut Membre 446

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

Bassre Messages postés 49 Statut Membre 8

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

cya

Réponse 8 / 9

Bassre Messages postés 49 Statut Membre 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 232 Statut Membre 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 49 Statut Membre 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 232 Statut Membre 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

Discussions similaires

Relier une page CSS à une page HTML

Empêcher le retour à la ligne ?

Code HTML barre de recherche

Comment centrer un tableau en html ?

Saut de lignes sans <br/>

Mettre une image à gauche en css

Forum CSS

Questions et réponses sur les feuilles de style