[CSS] div aligné mais...
Dreanad
Messages postés
91
Statut
Membre
-
mandolorien Messages postés 115 Statut Membre -
mandolorien Messages postés 115 Statut Membre -
Salut, j'aimerais faire en sorte que mes divs soit aligné, sauf que ce n'ai pas en faite " mes " mais "ma" div qui est répété !
en gros, je fait une recupération de tout les pseudos qui sont inscrit dans ma bdd, je fait une boucle, je les affiches, mais tous sur la même div, ca crée donc 1 div par pseudo recupéré
le hic, c'est qu'avec un float left, mon body qui est derriere ne prend pas en compte les divs donc les div depasse du body, savez vous comment faire, sans a avoir a toucher au body ? ( je veux pas mettre une hauteur fixe )
css :
#membres ( la dvi en question )
{
border: 2px solid black;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
display:block;
float: left;
width: 100px;
height: 50px;
}
#body
{
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow:0px 0px 9px #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #FFEDD0;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}
html php:
<div id="membres"><?php echo $donnees['pseudo']; ?></div>
merci d'avance !
en gros, je fait une recupération de tout les pseudos qui sont inscrit dans ma bdd, je fait une boucle, je les affiches, mais tous sur la même div, ca crée donc 1 div par pseudo recupéré
le hic, c'est qu'avec un float left, mon body qui est derriere ne prend pas en compte les divs donc les div depasse du body, savez vous comment faire, sans a avoir a toucher au body ? ( je veux pas mettre une hauteur fixe )
css :
#membres ( la dvi en question )
{
border: 2px solid black;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
display:block;
float: left;
width: 100px;
height: 50px;
}
#body
{
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow:0px 0px 9px #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #FFEDD0;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}
html php:
<div id="membres"><?php echo $donnees['pseudo']; ?></div>
merci d'avance !
A voir également:
- Alignez la date à droite. alignez "monsieur le directeur” à gauche. justifiez le texte du courrier : il doit être aligné des deux côtés. quel mot apparait ?
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Windows 11 barre des taches a gauche - Guide
- Comment trouver le mot de passe wifi sur son téléphone - Guide
- Nombre de jours entre deux dates excel - Guide
- Trousseau mot de passe iphone - Guide
1 réponse
#membres
{
border: 2px solid black;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
display:block;
float:left;
}
.membres
{
border: 2px solid black;
margin-bottom: 2px;
margin-right: 2px;
margin-left: 2px;
display:block;
width: 100px;
height: 50px;
}
#body
{
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow:0px 0px 9px #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #FFEDD0;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}
</style>
<div id="membres">
<div class="membres">albert</div><br>
<div class="membres">titus</div><br>
<div class="membres">mdr</div><br>
<div class="membres">bon</div><br>
</div>
donc pour toi :
#membres
{
border: 2px solid black;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
display:block;
float:left;
}
.membres
{
border: 2px solid black;
margin-bottom: 2px;
margin-right: 2px;
margin-left: 2px;
display:block;
width: 100px;
height: 50px;
}
#body
{
border-left: 1px solid #000;
border-right: 1px solid #000;
box-shadow:0px 0px 9px #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #FFEDD0;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}
</style>
<div id="membres">
<div class="membres"><?php echo $donnees['pseudo']; ?></div><br>
</div>