28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je ne suis pas un grand spécialiste des CSS, pardonnez-moi si la question est banale Smiley smile . J'ai bien fait mes recherches, mais je ne dois pas utiliser les bons mots-clés.

Imaginez donc un bouton principal centré dans un div (facile, merci flexbox). Je souhaite placer un bouton secondaire (donc mois visible) à droite du bouton principal tout en laissant le bouton principal au centre du div parent.

Je ne vois pas comment faire, d'autant que j'essaie de jouer le moins possible avec les dimensions et autres spécificités.

Auriez-vous une idée?
Modifié par fscc (17 Aug 2016 - 14:28)
Supprimez le margin-left du bouton secondaire, puis appliquez-lui un background-color, vous verrez qu'il est bien positionné là où vous voulez qu'il soit.
Désolé, mais non. Ou alors je ne comprends pas la réponse.

Je souhaite que le bouton vert soit au centre et que le bouton secondaire se cale en fonction de la position du bouton vert.
Bonsoir !

J'ai compris que vous vouliez que le bouton vert soit au centre... mais le bouton secondaire... est-ce qu'il doit être juste à droite du bouton vert, collé à lui ou doit-il se centrer sur l'espace restant à droite ?

Si le bouton secondaire doit se coller à droite du bouton central, il y a une façon assez simple mais peut-être pas très responsive... : mettre les deux boutons dans un contenant qui serait mis en position : relative et margin : auto; mettre le bouton secondaire en position : absolute et left : 100%; top : 0; le tout sans flexbox bien sûr...

Smiley smile