Forums Développement Multimédia

Les formations Mediabox
Les formations Mediabox

Comment faire en CSS ?

Compatible CSS. Cliquer pour en savoir plus sur les compatibilités.Le 04 octobre 2005

Centrer horizontalement dans un div

Dans la page :

<body>
   <div id="container">
   </div>
</body>

Dans la feuille de style :

body {
   text-align: center; /* pour Internet Explorer */
   }
#container {
   margin: 0 auto;   /* alignement pour les bons navigateurs */
   text-align: left; /* alignement du texte dans ce conteneur */
 
   width: 80%;
   }

Centrer un texte verticalement dans une boîte

Il suffit de jouer sur les hauteurs de ligne du texte. Ainsi pour centrer le paragraphe dans la boîte suivante, nous allons modifier la propriété line-height.

<div class="boite">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
.boite {
height: 50px;
background: red;
}
p {
line-height: 50px;
}

Afficher-masquer des éléments au survol de la souris