Travaux pratiques
TROISIÈME PARTIE
186
CSS
ul, li { /* Suppression des marges et des puces
des éléments

et
• */
  list-style-type: none;
  margin:0;
  padding:0;
  }
  ul {
  position: absolute; /* Positionnement pour IE5 et IE5.5 */
  left: 20%;
  /* Positionnement de l’élément
  
  par rapport à la gauche du conteneur */
  top: 50px;
  /* Positionnement de l’élément
  
  par rapport au sommet du conteneur */
  background: transparent url(image.jpg) top left no-repeat;
  /* Arrière-plan général du menu */
  height: 270px;
  width: 300px;
  text-align: center;
  }
  li {
  display: inline; /* Correction pour IE5 et IE5.5 */
  }
  li a {
  display: block;
  height: 40px;
  width: 300px;
  line-height: 40px;
  color: #E2C6BA;
  font-size: 18px;
  font-family: georgia, serif;
  text-decoration: none;
  }
  li a:hover {
  color: #43271B;
  background: transparent url(image.jpg) top left no-repeat;
  }
  a#lien1:hover {
  background-position: 0% -270px; /* Décalage de l’arrière-plan
  pour chaque bouton */
  }