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:
Code css embarqué :
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">Équipements</span>
<ul>
<li>Cuisine équipée , micro-ondes, plaques de cuisson, four électrique, réfrigérateur, vaisselle ...</li>
<li>Salon, salle à manger, Canapé, 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 é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;
}