Insérer puces sans décallage de texte

Karol -  
 Twinpics -
Bonjour,

Voici mon problème. Je dois mettre en place une liste à puces
Le texte initiale est le suivant:

Titre
sous titre 1
sous titre 2
sous titre 3

(cet ensemble est bordé à gauche par la ligne d'un tableau)

En insérant <li>, j'obtiens:
Titre
. sous titre 1

. sous titre 2

. sous titre 3

(la puce se retrouve sur la ligne du tableau)

Pourriez-vous m'aider à trouver le texte html pour re-aligner les puces sous la ligne de titre et retrouver le saut ligne initial ?

A voir également:

2 réponses

Réponse 1 / 2
Karol
 
Désolée, le site a mangé ma mise en page. Dans le texte obtenu, la puce est décalée sur la gauche et le s de sous-titre se retrouve sous le T de titre.
0
Réponse 2 / 2
Twinpics
 
Bonjour,
Essayer de jouer sur la marge gauche de la liste à puce.
Code CSS : 
ul {margin-left: 10px; border: 1px solid #000;}

Code HTML : 
<h1>Titre</h1>
<ul>
	<li>sous titre 1</li>
	<li>sous titre 2</li>
	<li>sous titre 3</li>
</ul>

ASTUCE
En phase de production, je force l'affichage du bloc sur lequel j'intervient avec une bordure ce qui me permet de visualiser l'épaisseur de la marge que je veux obtenir. Exemple : 
ul {margin-left: 10px; border: 1 px solid #000;}

Puis après que le placement soit concluant : 
ul {margin-left: 10px; border: 0px none;}

@+
0