Gros probleme liste à puces

Fermé

marion - 9 juil. 2007 à 11:28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 9 juil. 2007 à 22:58

Bonjour , j'ai un grave probleme , j'ai crée une liste à puces avec dans chaque cellule la meme image de fond , voici le code css :

#menu {
border: 1px solid black;
width: 151px;
height: 164px;
background: url("menu.gif");
padding: 0px;
float: left;
margin: 0 0 20px;
}

#menu li a {
margin-bottom: 1px ;
height: 41px;
display: block;
}

et voici le code html :

<div id="menu">
<ul>
<li><a href="#"></a>A</li>
<li><a href="#"></a>B</li>
<li><a href="#"></a>C</li>
<li><a href="#"></a>D</li>
</ul>
</div>

Mon ennui est le suivant : seuls le A et le B apparaissent et ils occupent la place des 4 cellules , quelqu'un voit un problème ?

merci

A voir également:

Gros probleme liste à puces
Liste déroulante excel - Guide
Liste déroulante en cascade - Guide
Gertrude a préparé la liste des affaires à prendre pour l'excursion. juliette a modifié cette liste en utilisant le mode suivi des modifications proposé par le traitement de texte. - Guide
Liste de diffusion whatsapp - Guide
Liste site streaming illégal - Accueil - Services en ligne

1 réponse

Réponse 1 / 1

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 juil. 2007 à 22:58

salut,

essaie d'enlever les marges de <ul>, <li> et <a> (sauf en bas).

ul{
margin:0;
}
li{
margin:0;
}
a{
margin:0 0 1px 0;
}

ils ne sont pas tous utiles, à toi de tester. si ça ne fonctionne pas, teste avec l'espacement ({padding}).

et pour les marges de #menu il en manque une. ça marche par un, deux ou quatre mais pas par trois.

Discussions similaires

SITES MARCHANDS NON SECURISES

Rechercher un numéro sur liste rouge

Annuaire inversé liste rouge

Accéder à la liste de numéros de téléphone en 07

liste de noms par ordre alphabétique