28172 sujets

CSS et mise en forme, CSS3

Bonjour

Je ne parviens pas à solutionner ce problème , je souhaite réduire l' espace entre une ligne de texte et une liste sur cette page : http://www.hasparren.net/locations/t3/xaxpinenia/trois.html

Exemple , en début de page " Equipements" et la liste qui suit....

En fait j' alterne des paragraphes simples avec des paragraphes contenant des listes, j'ai des difficultés à harmoniser tout cela afin d' obtenir une mise en page correcte.

Si vous avez une piste ?

Merci

Bonne journée


Code html:

 <p><span class="titre">&Eacute;quipements</span>
<ul>
<li>Cuisine &eacute;quip&eacute;e , micro-ondes, plaques de cuisson, four &eacute;lectrique, r&eacute;frig&eacute;rateur, vaisselle ...</li>
<li>Salon, salle &agrave; manger, Canap&eacute;, tv couleur ... </li>
<li>Lave linge.</li>
<li>Lave vaisselle </li>
<li>Chambre, 1 lit 140. </li>
<li>Salle de Bain, douche, wc.</li>
<li>Table+ 6 chaises sur la terrasse, parasol ...</li>
<li>Barbecue.</li>
<li>Chauffage &eacute;lectrique.   </li>
</ul></p> 
<p><span class="titre">Informations complémentaires : </span>


Code css embarqué :

ul {
margin: 1em 10px 0px 0px; 
padding-top: 0px; 
padding-right: 10px; 
padding-left: 8px; 
padding-bottom: 0px; 
}
li {
margin: 0px;
list-style-type: none;
background-image: url(../../puce.gif);
background-repeat: no-repeat;
background-position: -4px 75%;
padding-left: 20px;
}