Interligne parasite en début de liste

**Jean GVE** · 23/11/2013, 18h53

Bonjour,
J'ai un problème de mise en forme :

À la suite d'un texte (paragraphe se terminant par un "</p>", et ayant un "margin-bottom = 0;" en CSS), je démarre une liste

Code :

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

1
2
3
4
5
6
...</p>
<ul>
  <li clas="xxx">.... </li>
  <li clas="xxx">.... </li>
...
</ul>

J'ai toujours un double interligne que je n'arrive pas à réduire entre le paragraphe et le premier élément de liste (qui a margin-top = 0; en CSS).

Quelqu'un peux-t-il m'aider ?
Merci d'avance

Jean-Michel

PS: Je travaille sur des fichiers HTML/XHTML avec CSS intégrés à des fichiers EPUB.

**NoSmoking** · 23/11/2013, 22h35

Bonsoir,
il eut été intéressant d’avoir le CSS complet, je présume que tu n'appliques pas le margin-top:0 au bon élément.

exemple

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
<style>
p{
  background:#EEF;
  margin-bottom:0;
}
ul{
  background:#EFE;
  margin-top:0;
}
</style>
</head>
<body>
<div>
  <p>...</p>
  <ul>
    <li>.... </li>
    <li>.... </li>
    <li>.... </li>
  </ul>
</div>
</body>
</html>