Problèmes emplacement button

Fermé

Nicolvian Messages postés 7 Date d'inscription vendredi 11 mars 2016 Statut Membre Dernière intervention 19 avril 2016 - 18 avril 2016 à 19:32
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 19 avril 2016 à 11:56

Bonjour,

Voilà que je comprends pas je mes mon code html



<!DOCTYPE html>
<html>
    <head>
           <title>test</title>
    </head>
    <body>
<!---j'ajoute les  class a chaque  bouton --->
          <button>Menu</button>
          <button class="center">info</button>
          <button class="droite">Contact</button>
    </body>
</html>

Après je passe a la partie Css


body 
{
    background-color:purple;
}
button.center
{
    margin-left:100px;
}
button.droite
{
    margin-left:258px;
}

Problème et que le bouton Contact s'affiche pas sur la même ligne ):

A voir également:

Problèmes emplacement button
Emplacement fichier host - Guide
Changer emplacement onedrive - Guide
Emplacement bureau windows 10 - Guide
Changer emplacement barre des taches windows 11 - Guide
Gold button paris avis - Forum Consommation & Internet

1 réponse

Réponse 1 / 1

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
19 avril 2016 à 11:56

Salut,

Le bouton ne s'affiche pas sur la même ligne car la largeur de l'écran est trop petite et/ou les marges sont trop importantes.
En réduisant les marges et/ou en agrandissant le conteneur, les boutons se positionnent bien sur la même ligne.

Si tu souhaites que tes boutons soient alignés sur toutes les résolutions d'écran, tu peux utiliser un positionnement comme ceci :

<!-- html -->
<div class="text-center">
   <button class="pull-left">info</button>
   <button>Menu</button>
   <button class="pull-right">Contact</button>
</div>

/* css */
.text-center {
  text-align: center;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

Bonne journée,

Discussions similaires

Emplacement du dossier favoris de google chrome

Où se trouve les sauvegardes Steam ?

Home sur clavier azerty

Power Button Lockout...

Ecran IIyama GB2773HS-2 OSD Vérrouillé

Discussions similaires

Newsletters