Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Text-align center css et div

Dernière réponse le 22 jun 2009 à 16:32:01 ame, le 22 jun 2009 à 16:10:56

Signaler ce message aux modérateurs

Bonjour,
Je suis confronté a des difficultés pour centrer un texte sur une page web en utilisant la propriété 'text-align:center' a l'interieur d'un DIV.
Exemple:

<html>
<head>
<style type="text/css">
aucentre {text-align:center;}
</style>
</head>

<body>
<div class='aucentre'>
<p>
This is header 1
</p>
</div>
</body>

</html>

Configuration: Windows XP Internet Explorer 7.0

Meilleures réponses pour « text align center css et div » dans :

CSS balise span Voir

Div et css centrer txt verticalement (Résolu) Voir

[CSS] Aligner un contenant au centre (Résolu) Voir

Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...

Les CSS !!! IE!=FireFox (Résolu) Voir

Centrer un DIV dans un DIV DANS IE6 :-( Voir

Css, float et IE Voir

Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

Posez votre question Répondre

lucas34, le 22 jun 2009 à 16:16:41

Essaye :
<style type="text/css">
.aucentre {text-align:center;}
</style>

Répondre à lucas34

Yaninho, le 22 jun 2009 à 16:17:19

Dans ton css, au lieu de mettre aucentre {text-align:center;} , essaye de mettre .aucentre {text-align:center;} Fier d'être Normand!
95% of bugs are between keyborad & chair

Répondre à Yaninho

Frans, le 22 jun 2009 à 16:20:10

Try this:

<html>
<head>
<style type="text/css">
DIV.centered { text-align: center }
</style>
</head>

<body>
<div class="centered">
<p>
This is header 1
</p>
</div>
</body>

</html>

Répondre à Frans

lucas34, le 22 jun 2009 à 16:20:31

Quand tu as : <div class='balise'> </div>
Dans ton css: .balise {}

Et pour : <div id='balise'> </div>
Dans ton css : #balise {}
Lucas

Répondre à lucas34

ame, le 22 jun 2009 à 16:32:01

Merci cela fonctionne avec .aucentre{ text-align:center; }
Je ne conaissait pas la nuance.
Bonne journée

Répondre à ame

Posez votre question Répondre