Texte aligné & centré

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Texte aligné & centré

Message par Louanaka le Lun 24 Fév 2014 - 12:08

Bonjour/Bonsoir,

J'ai longtemps recherché sur internet et sur ce forum le code pour obtenir un alignement vertical de mon texte, sans résultat. Je fais donc appelle à vous pour m'aider ! J'ai fait une capture d'écran d'un message pour vous montrez ce que je cherche à faire :

Spoiler:



C'est donc du texte aligné verticalement, centré et tous les mots sont alignés comme s'il y avait une ligne ou un cadre (d'ailleurs j'ai essayé de faire un tableau pour obtenir ce résultat mais je n'ai pas réussi). C'est sûrement très bête mais je n'y arrive pas...
Merci à tous ceux qui prendront le temps de me répondre ! ~


Dernière édition par Louanaka le Lun 24 Fév 2014 - 14:19, édité 1 fois

Louanaka
Nouveau membre

Messages : 5
Inscrit(e) le : 24/02/2014

http://legendpokemon.forumactif.org/
Louanaka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aligné & centré

Message par MlleAlys le Lun 24 Fév 2014 - 12:41

bonjour,
je suis désolée je ne suis pas certaine d'avoir bien compris votre demande, cherchez-vous à justifier un texte ?

texte aligné à gauche :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis vestibulum nulla. In suscipit vitae nibh molestie tristique. Duis ac tincidunt ante. Sed consectetur neque at mi facilisis, ut aliquam sapien pretium. Etiam viverra purus metus, vitae porta turpis sodales eget. Mauris porttitor urna vel sem imperdiet interdum. Vestibulum ultrices rutrum nulla. Duis eget malesuada elit. In nisl velit, tincidunt vitae congue quis, rhoncus iaculis enim.

Nunc placerat vestibulum viverra. Nunc viverra, sem in viverra varius, urna nisi gravida leo, eu luctus felis arcu sit amet ante. Nam aliquet neque ut sapien hendrerit malesuada. Donec placerat turpis ac fermentum tempus. Nulla posuere tellus leo, sit amet dictum lectus tempus commodo. Aliquam luctus vulputate purus sed aliquam. Quisque purus metus, aliquet eget risus eget, posuere auctor orci. Praesent aliquet mollis malesuada. Ut id molestie dui. Suspendisse facilisis erat non libero placerat viverra. Duis iaculis tortor sed dapibus sodales. Fusce bibendum eleifend dolor.

texte aligné à droite :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis vestibulum nulla. In suscipit vitae nibh molestie tristique. Duis ac tincidunt ante. Sed consectetur neque at mi facilisis, ut aliquam sapien pretium. Etiam viverra purus metus, vitae porta turpis sodales eget. Mauris porttitor urna vel sem imperdiet interdum. Vestibulum ultrices rutrum nulla. Duis eget malesuada elit. In nisl velit, tincidunt vitae congue quis, rhoncus iaculis enim.

Nunc placerat vestibulum viverra. Nunc viverra, sem in viverra varius, urna nisi gravida leo, eu luctus felis arcu sit amet ante. Nam aliquet neque ut sapien hendrerit malesuada. Donec placerat turpis ac fermentum tempus. Nulla posuere tellus leo, sit amet dictum lectus tempus commodo. Aliquam luctus vulputate purus sed aliquam. Quisque purus metus, aliquet eget risus eget, posuere auctor orci. Praesent aliquet mollis malesuada. Ut id molestie dui. Suspendisse facilisis erat non libero placerat viverra. Duis iaculis tortor sed dapibus sodales. Fusce bibendum eleifend dolor.

texte justifié :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis vestibulum nulla. In suscipit vitae nibh molestie tristique. Duis ac tincidunt ante. Sed consectetur neque at mi facilisis, ut aliquam sapien pretium. Etiam viverra purus metus, vitae porta turpis sodales eget. Mauris porttitor urna vel sem imperdiet interdum. Vestibulum ultrices rutrum nulla. Duis eget malesuada elit. In nisl velit, tincidunt vitae congue quis, rhoncus iaculis enim.

Nunc placerat vestibulum viverra. Nunc viverra, sem in viverra varius, urna nisi gravida leo, eu luctus felis arcu sit amet ante. Nam aliquet neque ut sapien hendrerit malesuada. Donec placerat turpis ac fermentum tempus. Nulla posuere tellus leo, sit amet dictum lectus tempus commodo. Aliquam luctus vulputate purus sed aliquam. Quisque purus metus, aliquet eget risus eget, posuere auctor orci. Praesent aliquet mollis malesuada. Ut id molestie dui. Suspendisse facilisis erat non libero placerat viverra. Duis iaculis tortor sed dapibus sodales. Fusce bibendum eleifend dolor.

Pour justifier un texte en bbcode :
Code:
[justify] VOTRE TEXTE [/justify]
En html :
Code:
<div style="text-align:justify;"> VOTRE TEXTE </div>

Si vous souhaitez que tous les messages sur votre forum soient automatiquement justifiés, vous pouvez ajouter ce code dans votre css :
Code:
.postbody {
   text-align: justify;
}
(si votre forum est bien celui de votre profil)

Etait-ce ce que vous cherchiez ? =s

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aligné & centré

Message par Louanaka le Lun 24 Fév 2014 - 14:04

Merci pour cette réponse si rapide ! Smile
J'ai essayé le [justify] dans un message et ça m'avance déjà énormément car à présent les mots sont comme... "encadrés" et donc alignés !
Par contre y a-t-il un code pour mettre des marges à gauche et droite du message afin que le texte ne soit pas collé au bord ? C'est-à-dire justifié ET centré avec des marges ? Je ne suis pas sûre d'être très claire... Je peux faire un plan si vous voulez.


EDIT : J'ai trouvé la solution ! En fait il me manquait juste le justify de départ et en trifouillant un peu j'ai réussi à avoir le résultat que j'attendais. Pour cela j'ai rajouté une valeur pour la largeur du texte et une marge à gauche car de toute façon la marge à droite est automatique vu que le texte est à la base aligné à gauche. Ce qui donne :

<div style="width: 500px; text-align: justify; margin-left: 170px;">Le texte</div>

Et voilà ! 
Encore merci pour votre réponse !  Mr. Green

Louanaka
Nouveau membre

Messages : 5
Inscrit(e) le : 24/02/2014

http://legendpokemon.forumactif.org/
Louanaka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte aligné & centré

Message par Chacha le Lun 24 Fév 2014 - 14:22

Bonjour et Bienvenue
sur le Forum des Forums Forumactif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49738
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum