Espace entre ma liste <li>

Résolu
amalthee -  
Bonjour, je suis en train de créer un site css, et dans une de mes pages j'ai créé une liste, mais je trouve que c'est un peu lourd et je préfèrerai créer un espace entre les différents éléments pour aérer un peu. Quelques solutions simples. J'ai essayé le   en le mettant comme ceci : derrière "Bob ou Bobby" pour qu'il y ait un espace entre cette ligne et la suivante sans résultat. Quelques petite suggestions ? Merci d'avance.

<title>monhistoire</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body id='id_monhistoire'>
<center><h3>MON HISTOIRE</h3></center><br />
</body>
<table>
<tr><td width=25%><img src="bobherbe.jpg" alt="bobherbe" width="380" height="452"/></td><td width= 45% valign="top"><h4><ul>
<li>Nom : Bob ou Bobby</li>  
<li>Ancien nom : Ghost à cause de la lettre G</li>
<li>Ancienne demeure : Mussidan près de Bergerac</li>
<li>Nouvelle demeure : Le Salvadou à St Vincent de Cosse situé entre Beynac et St Cyprien dans le Périgord</li>
<li>Description : Coton de Tuléar blanc avec du beige aux oreilles
<li>Caractère : l'oeil brillant, bonne santé, jovial, remuant, faisant conneries sur conneries. Gaté
<li>6ème chien dans cette maison après Oopi le setter, Clam le Briard, Vicking le Terre-Neuve, Caviar le Labrador et Eliott le Westie.
</li>
</ul> </td></tr>
<td><img src="bobcarotte.jpg" alt ="bobcarotte" width="380" height="307"/></td><td>cellule4</td></tr>
<td><img src="bob4mois.jpg" alt="bob4mois" width="380" height="444" /></td><td>cellule6</td></tr>
</table>

</html>

4 réponses

  1. amalthee
    Resalut, j'ai fait un copié/collé ton exemple pour mettre sur une autre feuille html et c'est exactement ça ce que je veux faire. Merci. Je vais faire en sorte de combiner avec ce que j'ai commencé dans ma page et ça devrait fonctionner. Merci beaucoup
    1. amalthee
      Merci pour vos réponses. Je vais essayer, puis je vous dis le résultat des courses.
      1. Lord Zero
        Sinon pour faire plus propre, tu as la propiété 
        text-indent
        en css.
        1. arthezius
          C'est plus pour faire un alinéa, pas s'il veut un espace au dessus ou en dessous.
      2. RAD ZONE Contributeur
        salut

        il suffit de donner une class a <ul> et de mettre un margin-bottom au <li> de cette <ul> seulement !

        pour être plus clair un exemple avec de la couleur pour bien voir ;-)) 

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>
      RAD ZONE Webcreation
    </title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <style type="text/css">
    /*<![CDATA[*/
    div.c1 {
      text-align: center;
    }

    .liste li {
      margin-bottom: 30px;
      background-color: #F03;
    }
    /*]]>*/
    </style>
  </head>
  <body id='id_monhistoire'>
    <div class="c1">
      <h3>
        MON HISTOIRE
      </h3>
    </div>
    <br />
    <table>
      <tr>
        <td width="25%">
          <img src="bobherbe.jpg" alt="bobherbe" width="380" height="452" />
        </td>
        <td width="45%" valign="top">
          <ul class="liste">
            <li>Nom : Bob ou Bobby
            </li>
            <li>Ancien nom : Ghost à cause de la lettre G
            </li>
            <li>Ancienne demeure : Mussidan près de Bergerac
            </li>
            <li>Nouvelle demeure : Le Salvadou à St Vincent de Cosse situé entre Beynac et St Cyprien dans le
            Périgord
            </li>
            <li>Description : Coton de Tuléar blanc avec du beige aux oreilles
            </li>
            <li>Caractère : l'oeil brillant, bonne santé, jovial, remuant, faisant conneries sur conneries. Gaté
            </li>
            <li>6ème chien dans cette maison après Oopi le setter, Clam le Briard, Vicking le Terre-Neuve, Caviar le
            Labrador et Eliott le Westie.
            </li>
          </ul>
        </td>
      </tr>
      <tr>
        <td>
          <img src="bobcarotte.jpg" alt="bobcarotte" width="380" height="307" />
        </td>
        <td>
          cellule4
        </td>
      </tr>
      <tr>
        <td>
          <img src="bob4mois.jpg" alt="bob4mois" width="380" height="444" />
        </td>
        <td>
          cellule6
        </td>
      </tr>
    </table>
  </body>
</html>

        Discussions similaires

        comment accéder à mon compte sur le webmail aliceadsl.fr ?
        zird

        3 réponses
        Espace entre les mots
        roentgen

        8 réponses