Bonjour,

j'ai un petit souci avec mes balises <li>,
j'attribue une taille (largeur) aux balises mais ça n'applique pas. les balises prennent la largeur occupé uniquement par le texte et non la largeur fixé. ce problème survient sur firefox mais pas sur ie.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<div id="conteneurZoneMenuNews">
  <div id="zoneMenuNews">
    <ul>
      <li>
          echo "test1";
      </li>
 
      <li>
          test2
      </li>
 
      <li>
          test3
      </li>
 
      <li>
          test4
      </li>
    </ul>
 </div>    
</div>

le code css associé

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
#conteneurZoneMenuNews
{
 position: absolue;
 float:left;
 width:400px;
 height:23px;
 background-color: rgb(246,207,14);
 text-align:left;
 padding:0;
 margin-top:3px;
 margin-right:12px;	
 border: 1px solid black;
}
 
#zoneMenuNews
{
 position: relative;
 width:400px;
 height:23px;
 text-align:left;
 padding:0;
}
#zoneMenuNews ul{
  list-style-type: none; /* Enlève les puces */    
  padding: 0; 
  margin:0; 
  width:400px;
   height:23px;
  /*border: 1px solid red;*/
}
 
#zoneMenuNews ul li{ 
  width:96px;
  border: 1px solid red;
  height:23px;
  display: inline;
  padding:0;
  margin-right:3px; 
  /*display: block;*/
  background: rgb(246,207,14) url(img1.jpg) repeat-x;*/
 
}
Merci.