Problèmes emplacement button
Nicolvian
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voilà que je comprends pas je mes mon code html
Après je passe a la partie Css
Problème et que le bouton Contact s'affiche pas sur la même ligne ):
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
- Element introuvable vérifiez son emplacement actuel et réessayez - Guide
- Emplacement accor arena ✓ - Forum Loisirs / Divertissements
- My button is set - Forum Téléviseurs
- Changer emplacement onedrive - Guide
1 réponse
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 :
Bonne journée,
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,