(HTML) Alignement du texte.

Résolu/Fermé
ID-Maker Messages postés 4 Date d'inscription mardi 30 juin 2015 Statut Membre Dernière intervention 30 juin 2015 - 30 juin 2015 à 15:05
Danelectro Messages postés 1737 Date d'inscription samedi 25 février 2012 Statut Membre Dernière intervention 29 mars 2018 - 30 juin 2015 à 18:22
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
<div align="justify"></div>
et là le texte est aligné mais il n'est pas centré au milieu de la page. :(
Merci d'avance :)
A voir également:

1 réponse

Danelectro Messages postés 1737 Date d'inscription samedi 25 février 2012 Statut Membre Dernière intervention 29 mars 2018 370
30 juin 2015 à 15:12
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 ?
1
ID-Maker Messages postés 4 Date d'inscription mardi 30 juin 2015 Statut Membre Dernière intervention 30 juin 2015
Modifié par ID-Maker le 30/06/2015 à 15:31
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
0
Danelectro Messages postés 1737 Date d'inscription samedi 25 février 2012 Statut Membre Dernière intervention 29 mars 2018 370
Modifié par Danelectro le 30/06/2015 à 15:55
<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.
0
Danelectro Messages postés 1737 Date d'inscription samedi 25 février 2012 Statut Membre Dernière intervention 29 mars 2018 370 > Danelectro Messages postés 1737 Date d'inscription samedi 25 février 2012 Statut Membre Dernière intervention 29 mars 2018
30 juin 2015 à 15:56
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é.
0
ID-Maker Messages postés 4 Date d'inscription mardi 30 juin 2015 Statut Membre Dernière intervention 30 juin 2015
30 juin 2015 à 16:27
Merci beaucoup ça fonctionne :D +1
Mais tu pourrais bien m'expliquer à quoi sert exactement : display:inline-block;
et text-align:justify;
Sinon merci beaucoup !
0
Danelectro Messages postés 1737 Date d'inscription samedi 25 février 2012 Statut Membre Dernière intervention 29 mars 2018 370
30 juin 2015 à 16:39
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.
0