Biblioscript.com : Alignement de paragraphes

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	CSS 2

Les paragraphes

Alignement de paragraphes

Compatibilite du script... a partir de :

Connexion ratee

	Fonction

		Par défaut, le navigateur, s'il est 'occidental', aligne les contenus d'une page à gauche. Si vous souhaitez aligner un paragraphe, une image ou tout contenu à droite ou au centre ou encore justifier un texte, il faut le spécifier. Les feuilles de style permettent de gérer cet alignement.

	Principe

		Un simple attribut gère l'alignement horizontal des contenus, c'est 'text-align'. Il peut prendre plusieures valeurs : text-align: left : aligne le contenu à gauche, text-align: right : aligne le contenu à droite, text-align: center : aligne le contenu au centre, text-align: justify : étire le 'texte' pour toucher les marges gauche et droite. Ces alignements ne concernent que les 'blocs' : paragraphes ou '<div>, pas les contenus 'inline' comme '<span>.

	La méthode

dans la partie <head>

dans la partie <body>

<p class="gauche">Ce texte est aligné à gauche par la feuille de style.</p>

<div class="droite">Par contre, ce bloc est aligné à droite pour cause de feuille de style ;-)</div>

<p class="centre">Ce texte est aligné au centre par la feuille de style.<br>Toutes les lignes du paragraphe.</p>

<blockquote class="justifie">Ce bloc lui bénéficie d'un texte justifié, ce qui est plus propre, plus agréable à lire en principe. Ce bloc lui bénéficie d'un texte justifié, ce qui est plus propre, plus agréable à lire en principe.</blockquote>

	Démonstration

Ce texte est aligné à gauche par la feuille de style.

Par contre, ce bloc est aligné à droite pour cause de feuille de style ;-)

Ce texte est aligné au centre par la feuille de style.
Toutes les lignes du paragraphe.

Ce bloc lui bénéficie d'un texte justifié, ce qui est plus propre, plus agréable à lire en principe. Ce bloc lui bénéficie d'un texte justifié, ce qui est plus propre, plus agréable à lire en principe.

	Téléchargement

Cette feuille de style est disponible en deux versions :

le style est appliqué localement, dans la balise style de la page),

le style dans une feuille de style externe, commune à toutes les pages (fichier .css).

L'intérêt d'une feuille de style est de pouvoir partager le style entre plusieurs liens de la page.

Style local :

para_align.zip
1 Ko

Feuille de style :

para_align2.zip
1 Ko


	Recherche


	DHTML


	HTML 4


	Javascript 1.3


	Références


	Aide générale


	statistiques