Imprimer

[kola]

Salut tous,

Alors, les bras m'en tombe tellement ça me parait simpliste, et pourtant je n'arrive pas à trouver comment avec du CSS on peut justifier du texte à droite. C'est soit right, soit justify?
Le web, c'est pas indesign mais quand même... j'ai un peu cherché sans trouver, ça me paraît aberrant?

Des solutions?

[Adel]

Est-tu sur qu'il n'y a pas un float qui traine quelque part, je dis n'importe quoi.

[marroon]

Tu parles de l'attribut "text-align" ? Si c'est le cas tu as d'autres choix : left, right, center, justify, ...

http://www.zonecss.fr/style_css/feuille_css_text_align.html

[kola]

Désolé, j'aurais du développer un peu plus. Effectivement, il s'agit bien tout simplement de la propriété "text-align".
left/right et center va aligner le texte à gauche/droite ou le centrer. Justify va le justifier, mais le justifier automatiquement à gauche. Je voudrais savoir s'il existe une astuce pour le justifier à droite? (propriété CSS3 pas exemple, ou autres...)

[marroon]

Ah ok, j'avais pas compris. Il me semble que celà ne soit pas possible à première vue. Il existe la propriété "text-indent" qui permet de décaler un paragraphe de X pixels sur la droite.

Exemple :

Code: [Sélectionner]

p
{
   text-indent: 30px;
   text-align: justify;
}



[kola]

non, c'était bien une justification qu'il me fallait.
Il faudrait que je cherche dans les nouvelles fonctions du CSS3 si c'est possible.
Tant pis pour l'instant, merci encore!

[Jean-Michel]

Tu devrais plutôt tenter ta chance sur le forum d'Alsacréations :-)

[marroon]

Haha Jean-Michel, tu te défiles

[Jean-Michel]

Haha Jean-Michel, tu te défiles

J'ai simplement pas la réponse, car je n'ai jamais eu ce besoin. Je préféré qu'une meilleure crémerie lui répond

[marroon]

Alors... J'ai soumis la question à ma communauté d'intégrateur sur Twitter....

Tu cherches à avoir un texte justifié et que la dernière ligne qui ne remplis pas l'espace du paragraphe soit aligné à droite et non à gauche. Voilà la réponse la plus censé :

"Il suffit de faire la dernière phrase dans une autre "div" ou ds un autre <p> selon le code en question et de faire un text-align: right; à ce bloc. Tu pourras pas si elle est ds le même bloc que le texte du dessus elle doit être indépendante"

[EDIT]

On vient de me soumettre une autre solution :

Code: [Sélectionner]

{text-align:justify;
 direction:rtl;}


[Eddy]

Alors... J'ai soumis la question à ma communauté d'intégrateur sur Twitter....

Tu cherches à avoir un texte justifié et que la dernière ligne qui ne remplis pas l'espace du paragraphe soit aligné à droite et non à gauche. Voilà la réponse la plus censé :

"Il suffit de faire la dernière phrase dans une autre "div" ou ds un autre <p> selon le code en question et de faire un text-align: right; à ce bloc. Tu pourras pas si elle est ds le même bloc que le texte du dessus elle doit être indépendante"

[EDIT]

On vient de me soumettre une autre solution :

Code: [Sélectionner]

{text-align:justify;
 direction:rtl;}


Bonjour.
En effet, cela peut fonctionner mais cette règle est normalement prévue pour les langues comme l'hébreux, arabe, etc. qui s'écrivent de droite à gauche, le point final d'un paragraphe pose un souci car il est automatiquement repoussé en fin de ce paragraphe, donc à gauche de cette dernière ligne !
J'ai testé des insertion d'espace insécable ou un retour à la ligne <br /> mais apparemment rien n'y fait.
En CSS3 je pense qu'il n'y a aucune possibilité non plus, je viens de jeter un œil dans mon bouquin mais je n'y ai rien trouvé.
Par contre si quelqu'un peut renseigner, ce sera probablement Alsacréations. Mon bouquin est d'ailleurs du créateur de ce site Raphaël Goetter.