Discussion :

[Akazed]

Bonjour,
Voici un code pour une liste

Code html :

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

1
2
3
4
5
<p>Il comprend 88 lits de soins de suite et de réadaptation dont : </p>
<ul>
<li>15 lits en hospitalisation de semaine</li>
<li>73 lits en hospitalisation complète</li>
</ul>

Le problème est qu'entre la ligne de titre "il comprend....." et ma liste, l'espace est trop grand.
Y a t'il un moyen de réduire cet espace tout en restant compatible avec IE et Firefox ?

Merci d'avance pour votre aide

[Ethyde]

Bonjour,

il faudrait fournir la css qui vas avec

[Akazed]

Et bien justement, pour l'instant, je n'ai pas de css qui va avec, mais je pensais que les css pouvaient résoudre mon problème.
J'ai essayé avec padding-top en bégatif, mais çà ne s'applique pas aux UL !

[nsanabi]

mettre ta liste dans le paragraphe tout simplement

Code html :

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

1
2
3
4
5
6
<p>Il comprend 88 lits de soins de suite et de réadaptation dont : 
<ul>
<li>15 lits en hospitalisation de semaine</li>
<li>73 lits en hospitalisation complète</li>
</ul>
</p>

[Akazed]

Merci pour ta propositon nsanabi, mais çà ne change rien !

[nsanabi]

en appliquant un margin-bottom sur ta balise P et/ou un margin-top ^pour UL ?

[12monkeys]

Bonsoir

Il suffit d'indiquer des marges nulles pour le paragraphe et la liste...

Code :

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

1
2
3
4
5
6
7
8
9
p {
     margin:0;
     padding:0;
}
 
ul {
     margin-top:0;
     padding-top:0;
}

Autre chose : d'un point de vue sémantique ta phrase "Il comprend 88..." n'est pas un titre, c'est un paragraphe.... Si tu veux que ce soit un titre remplace <p> par <hn> où n vaut de 1 à 6 en fonction du niveau de titre...
http://j-willette.developpez.com/tut...e=page_2#LII-A

[Akazed]

Ok merci, c'est ce que je cherchais !