Bonsoir,

j'ai un site en 3 colonnes.
Les paragraphes des colonnes de droite et de gauche sont toujours centrés.
Ceux du centre sont justifiés 95 fois sur 100...
dans mon fichier css, j'ai mis :

#gauche p {
	text-align:center;	
	}

#droite p {
	text-align:center;	
	}

#centre p {
	text-align:justify;	
	}


mais quand 5 fois sur 100, je veux centrer un paragraphe dans ma colonne du centre, je n'y arrive pas...

J'ai testé dans mon fichier css :

.centrer {
	text-align:center;
	}


avec
<p class="centrer">
dans ma page html, ça ne fonctionne pas...

Au début je n'avais pas mis :
#centre p {
	text-align:justify;	
	}

et j'avais 2 classes pour centrer et pour justifier mais je pensais que c'était trop lourd... Je ne vois pourtant pas d'autre solution...
En existe t-il une ?
Modifié par codascii (10 Aug 2006 - 13:11)
Salut,
Le site d'openweb ne marche pas pour l'instant...

En effet,

<div class="justify">
<p></p>
<p class=centrer></p>
</div>


En justifiant déjà tes deux p, le p ayant la class "center" prendra la forme justifiée car cette balise a déjà une class.

Du moins c'est ce que je comprends Smiley smile

Il vaut mieux alors mettre une class justify et une class center pour tes paragraphes...

Si qqun a une meilleure idée...
Modifié par Oryo (10 Aug 2006 - 10:13)
Bonjour à vous,

Oryo a écrit :
En justifiant déjà tes deux p, le p ayant la class "center" prendra la forme justifiée car cette balise a déjà une class.

Du moins c'est ce que je comprends Smiley smile

C'était bien là le problème !

Raphael a écrit :

Je pense que ceci devrait t'expliquer le phénomène :
http://openweb.eu.org/articles/cascade_css/
Bonne lecture Smiley cligne


J'étais bien allé sur cette page mais je pensais qu'elle ne donnait les priorités que des feuilles de styles, après relecture, j'ai trouvé la solution suivante :

#centre p {
	text-align:justify;	
	}

#centre p.centrer {
	text-align:center;	
	}


et ça fonctionne puisque la 2e règle a un degré de priorité plus élevé !

Merci !