Vous êtes ici : Créer un site internet » Mise en forme des listes en CSS » Commentaire(s) Mise en forme des listes en CSS

Commentaire(s) Mise en forme des listes en CSS








Note :Si votre commentaire contient du code, sélectionner votre code avec votre souris puis utiliser la liste "Styles" et sélectionner "Code".


efhjp456
Nombre de commentaire : 2

Commentaire(s)

  • #414 Commentaire de Imad posté le 31/05/11 à 20:15:20 :
  • Imad

  • Bonjour,
    Je viens de creer un menu vertical, mais l'espaces qui sépare les <li> est trop sérré... C'est quoi la propriété pour augmenter cet espace ? Est-ce "Padding" ?
    Merci

  • #415 Commentaire de c00lman posté le 01/06/11 à 10:41:08 :
  • c00lman

  • Bonjour Imad,

    margin ou padding peuvent être tout les deux utilisés, tout dépend du menu que vous souhaitez.
    margin va augmenter l'espace entre 2 <li> <li>***</li>ici un espace<li>***</li> alors que padding va "élargir" l'espace de la balise <li> » <li>espace</li><li>espace</li>
    margin agit sur l'espacement extérieure alors que padding agit sur l'espacement interieure.
    Faites un teste en changeant margin par padding.
     <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
      <style>
    ul{
    list-style-type:none;
    }
    li{margin:15px;
    border:1px solid green;
    }
    li:hover{
    background:red;
    }
      </style>
    </head>
    <body>
    <ul>
      <li>*****</li>
      <li>*****</li>
      <li>*****</li>
      <li>*****</li>
    </ul>
    </body>
    </html>