Forum « Re: page centrée automatiquement align=center ou le css text-align:center »

Forum « Programmation HTML » (archives)

Re: page centrée automatiquement align=center ou le css text-align:center

Envoyé: 16 avril 2004, 8h01 par Oznog

Salut,

nicordi a oublier de mentionner que les tableau ne se centre pas automatiquement. Avec un tableau à 100% et un site proportionnel mais un tableau de 500px ou de 80% sera inévitablement tasser à gauche.

Pour centtrer il suffit d'ajouter au tableau la propriété "align" :

<table align="center" width="590">

XHTML et le CSS
Le HTML migre depuis quelques années vers le XHTML et le CSS étant de plus en plus utilisé j'ajouterai ceci :

1. Centrer le contenu en CSS c'est

style="text-align:center;"

Alors le document en entier :

body { text-align:center; }

Maintenant, en CSS les enfants hériteront de cette propriété. Si tu veuxdu un contenu justifié à gauche tu peux créer un élément "div".

2. Créer un élément (div) de 590 pixels avec un contenu aligné à gauche (left) :

#doc { width : 590px; text-align:left; }

3. Exemple complet :

<html>
<head>
<title>TRUCSWEB : Centrer en CSS (text-align)</title>
<style type="text/css">
body { text-align:center;}
#doc { width : 590px; text-align:left; }
</style>
</head>
<body>
<div id="doc">
Bonjour le monde !
</div>
</body>
</html>

Ciao
Oznog