(HTML) Alignement du texte.
Résolu
ID-Maker
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
Danelectro Messages postés 1844 Date d'inscription Statut Membre Dernière intervention -
Danelectro Messages postés 1844 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je viens tout juste de commencer la programmation en HTML et je suis des cours via OpenClassRooms (https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Mais voilà j'ai un problème quand je veux aligner et centrer du texte j'y arrive pas.
J'ai testé avec
Merci d'avance :)
Je viens tout juste de commencer la programmation en HTML et je suis des cours via OpenClassRooms (https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Mais voilà j'ai un problème quand je veux aligner et centrer du texte j'y arrive pas.
J'ai testé avec
<div align="justify"></div>et là le texte est aligné mais il n'est pas centré au milieu de la page. :(
Merci d'avance :)
1 réponse
-
Salut,
Ceci http://image.noelshack.com/fichiers/2015/27/1435669885-capture1.png
Donne ceci : http://image.noelshack.com/fichiers/2015/27/1435669885-capture2.png
C'est ça que tu veux ?-
Merci pour cette réponse si rapide :D
En-faite je ne pense pas avoir compris ce que fait<div align="justify"></div>
Moi ce que je veux c'est quand par exemple tu as une liste non ordonnée (avec<ul><li></li></ul>
) au centre de la page je veux que les différents points soient alignés.
Exemple:- blabla
- blablablabla
-
<div align="justify"></div>
justifie le texte : les fins de ligne sont alignées (donc mis à part la dernière ligne le texte forme un beau rectangle).
En gros tu veux quelque chose comme ça ?
http://image.noelshack.com/fichiers/2015/27/1435671808-capture.png
Ici la largeur du div est à 0 donc les points sont (presque) pile au milieu. -
Et si tu veux que le texte soit réellement au milieu du conteneur : http://image.noelshack.com/fichiers/2015/27/1435672544-capture.png
J'ai mis des cadres pour visualiser les conteneurs. Ici c'est le <ul> entier qui est parfaitement centré. -
-
Pas de souci !
Alors pour les explications :display:inline-block;
sert à ce que la largeur du <ul> soit celle de son contenu. Sinon il a une largeur fixée (car c'est un bloc). Ceci va servir à centrer proprement son contenu dans la page.
Pour le text-align:justify, on aurait pu mettre left (je sais pas pourquoi j'ai mis justify). Mais si on met rien, le center est hérité, donc les points ne sont plus alignés.
-
