28172 sujets

CSS et mise en forme, CSS3

Centrer cerle avec alignement

Bonjour,
j'ai un css (un cercle dans lequel j'ai un texte centrer.
J’essaie de centrer horizontalement le cercle sur ma page pour qu'il soit centrer mais il reste toujours a gauche.


.cerletitre{
display:table-cell;
vertical-align:middle;
background: rgba(0,0,0,0.1);
border-radius: 50%;
width: 200px;
height: 200px;
line-height:2em;
border: 10px solid rgba(255,255,255,0.3);
color: white;
text-align: center;
margin:0  auto;
}


<div class="cerletitre">
<h2><strong>Menu</strong></h2>
<p>Du bon !</p>
</div>


merci de vos lumières Smiley smile
Bonjour ,
Quand tu crées un display:table-cell, le navigateur crée autours des éléments anonymes tr et table (avec leur comportement par défaut) que tu ne peux pas atteindre en Css. Mum! je sais pas trop si c'est très clair cette explication, enfin bref, je pense que le seul moyen est de mettre un div (ou autre) autours de ".cerletitre"
<div class="cerletable">
  <div class="cerletitre">
  <h2><strong>Menu</strong></h2>
  <p>Du bon !</p>
</div>
</div>

et 

.cerletable{
   width: 200px;
  height: 200px; 
  margin: 0  auto;
}
ou
.cerletable{
  display:table; 
  margin: 0  auto;
}
Sujet clos
Aller à