Bonjour, j'aimerai mettre sur mon site deux boutons à égale distance des bords et d'eux-mêmes (je ne sais pas si c'est clair !  cf : l'image)

Voici le code : 

.buttonleft {
         background-color: #1c87c9;
         border: none;
         color: lightgoldenrodyellow;
         padding: 20px 34px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 20px;
         margin-left: 350px
         cursor: pointer;
         font-family: Reggae One
         }
.buttonright {
         background-color: #1c87c9;
         border: none;
         color: lightgoldenrodyellow;
         padding: 20px 34px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 20px;
         margin-right: 350px;
         cursor: pointer;
         font-family: Reggae One
         }

Ca marche à peu près mais

• Je pense qu'il y a (beaucoup) mieux
• Je ne sais pas si ça s'affichera comme ça sur un écran plus petit/grand.

-
Edité par Louis-UlysseSIMONET 23 décembre 2021 à 11:17:03

Salut Louis,

Je ne suis pas un pro en CSS mais il me semble que tu peux utiliser une propriété Flex sur ta div.

Tu mets les propriétés suivantes:

.div{

display: flex;

justify-content: space-around;

}

Voici le lien qui explique le fonctionnement : https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content

Bonjour,

Manque de précisions

Vous êtes ici sur un forum d'entraide communautaire et non pas sur un forum de demande de service, le but n'est donc pas de fournir une réponse toute faite ou de directement fournir la solution à quiconque viendrait sans la moindre trace. Afin d'obtenir de l'aide et une solution à votre problème, il est fortement recommandé de présenter clairement l'état actuel du problème en nous fournissant :

• Un descriptif clair et précis du problème
• La tentative actuelle de résolution que vous avez effectué : on a besoin du HTML aussi
• Le résultat attendu et le résultat actuel
• Toutes pistes de recherches pouvant aider à la résolution

Mauvais titre

Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

Merci de modifier votre titre. Pour cela, éditez le premier message de votre sujet.

(titre originel : Question HTML CSS)

ClémentBAREL a écrit:

Salut Louis,

Je ne suis pas un pro en CSS mais il me semble que tu peux utiliser une propriété Flex sur ta div.

Tu mets les propriétés suivantes:

.div{

display: flex;

justify-content: space-around;

}

Voici le lien qui explique le fonctionnement : https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content

Bonjour,

ma remarque sur le titre tient toujours. Et pour mettre en résolu, ne change pas le titre mais utilise le bouton "Sujet résolu" en haut à droite.

Bonjour Lamecarlate,

Je n'ai pas compris toutes vos corrections que je dois apporter. De toute façon, le sujet est résolu, je ne reviendrais plus sur ce post 

Je te le demande cependant, pour les personnes futures qui pourraient avoir le même besoin que toi, ça leur permettrait de trouver une solution.

Ce qui est noté dans mon message :

le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

C'est ça qui est attendu

-
Edité par Lamecarlate 23 décembre 2021 à 18:29:39