Discussion :

[Maxence45]

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 :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#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 :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<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

[kaiser59]

Salut,

Cela te donne quoi ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div id="menu">
 <ul> 
   <li><a href="#">A</a>
   <li><a href="#">B</a>
   <li><a href="#">C</a>
   <li><a href="#">D</a></li> 
 </ul> 
</div>

De plus, change la valeur de ton margin ainsi que ton padding ils ont peut etre une influence dessus

[Maxence45]

ben çà marche , je m'étais juste trompé de place dans le html en fait , merci