Discussion :

[Lliza]

Bonjour,

Je débute dans l'apprentissage du HTML et lorsque je crée une liste je ne parviens pas à aligner les puces les unes en dessous des autres quand le texte de ma page est centré. Le fait de centrer le texte décale les puces de ma liste...
Voici les tags que j'ai utilisé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<DIV ALIGN=CENTER>
blablablabla
<UL>
Liste des cadeaux:
<LI>lecteur MP3 ou MP4
<LI>camescope 
<LI>meuble</UL>
blablablabla
</DIV>

Est ce que quelqu'un pourrait m'expliquer comment centrer le texte sans avoir ce décalage?
Merci

[sebhm]

bonjour,

tu peux centrer le bloc <ul> ou le décaler via une marge gauche, il faut de toute facon aligner les puces à gauche.

par exemple en le centrant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<DIV ALIGN=CENTER>
blablablabla
<UL style="margin-left:auto; margin-right:auto; text-align:left; border:1px solid red; width : 400px;">
Liste des cadeaux:
<LI>lecteur MP3 ou MP4
<LI>camescope 
<LI>meuble</UL>
blablablabla
</DIV>

j'ai utilisé du CSS et je te conseille de regarder les tutoriels HTML et CSS du site

[Bovino]

Il faut bien comprendre que si tu veux centrer des éléments, ils ne peuvent pas être alignés ! La puce fait partie intégrante de la liste et est donc centrée aussi !

D'autre part,

Je débute dans l'apprentissage du HTML

le code que tu utilises est très ancien et obsolète, tu ferais mieux d'apprendre directement le XHTML qui est plus actuel, plus rigoureux et plus propre

[agenceaupair]

Ou alors faire un tableau à 2 colonnes au lieu d'utiliser les balise ul et li.
Dans la colonne de gauche aligner le contenu à gauche et mettre des puces manuellement en "dur" (caractère html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

•

). Dans la colonne de droite centrer les contenus...

De cette manière, puces alignées et contenu centré...