Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Css : Justification à droite  (Lu 11361 fois)

kola

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 211
    • Voir le profil
    • dorettinicolas.fr
    • E-mail
Css : Justification à droite
« le: mai 31, 2011, 15:50:36 pm »

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

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail
Re : Css : Justification à droite
« Réponse #1 le: mai 31, 2011, 15:56:07 pm »

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

marroon

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1704
  • Wisinaute
    • Voir le profil
    • Studio graphique et imprimeur typographique
    • E-mail
Re : Css : Justification à droite
« Réponse #2 le: mai 31, 2011, 16:05:31 pm »

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
IP archivée
L'échec, c'est la réussite du con. - Frédéric Dard

kola

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 211
    • Voir le profil
    • dorettinicolas.fr
    • E-mail
Re : Css : Justification à droite
« Réponse #3 le: mai 31, 2011, 16:10:29 pm »

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

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1704
  • Wisinaute
    • Voir le profil
    • Studio graphique et imprimeur typographique
    • E-mail
Re : Css : Justification à droite
« Réponse #4 le: mai 31, 2011, 16:15:32 pm »

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 :

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

IP archivée
L'échec, c'est la réussite du con. - Frédéric Dard

kola

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 211
    • Voir le profil
    • dorettinicolas.fr
    • E-mail
Re : Css : Justification à droite
« Réponse #5 le: mai 31, 2011, 16:24:17 pm »

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

  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 577
    • Voir le profil
Re : Css : Justification à droite
« Réponse #6 le: mai 31, 2011, 19:06:48 pm »

Tu devrais plutôt tenter ta chance sur le forum d'Alsacréations :-)
IP archivée
DOMICILE sur MacBookPro 15' 2010 - 10.7.5
TRAVAIL - matériel variant selon les missions.

marroon

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1704
  • Wisinaute
    • Voir le profil
    • Studio graphique et imprimeur typographique
    • E-mail
Re : Css : Justification à droite
« Réponse #7 le: mai 31, 2011, 19:10:36 pm »

Haha Jean-Michel, tu te défiles :)
IP archivée
L'échec, c'est la réussite du con. - Frédéric Dard

Jean-Michel

  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 577
    • Voir le profil
Re : Re : Css : Justification à droite
« Réponse #8 le: mai 31, 2011, 19:14:30 pm »

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 ;)
IP archivée
DOMICILE sur MacBookPro 15' 2010 - 10.7.5
TRAVAIL - matériel variant selon les missions.

marroon

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1704
  • Wisinaute
    • Voir le profil
    • Studio graphique et imprimeur typographique
    • E-mail
Re : Css : Justification à droite
« Réponse #9 le: mai 31, 2011, 19:21:19 pm »

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 :
{text-align:justify;
 direction:rtl;}
« Modifié: mai 31, 2011, 19:54:05 pm par marroon »
IP archivée
L'échec, c'est la réussite du con. - Frédéric Dard

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Css : Justification à droite
« Réponse #10 le: juin 01, 2011, 12:40:45 pm »

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 :
{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.
« Modifié: juin 01, 2011, 13:00:59 pm par Eddy »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum