Bonjour,

j'ai une liste qui me sert de menu,
j'essaie de faire des largeurs variables mais rien y fait

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
 
<div id="menu">
 <ul>
   <li >
    <a href="#" id="menu_0">menu 1</a>
   </li>
 
   <li>
    <a href="#" id="menu_1">menu 2</a> 
   </li>
 
   <li>
    <a href="#" id="menu_2">menu 3</a>
   </li>
 
   <li>
    <a href="#" id="menu_3">menu 4</a>
 
   </li> 
 
   <li>
    <a href="#" id="menu_4">menu 5</a>
   </li>
 
   <li>
    <a href="#" id="menu_5">menu 6</a>
   </li>
 
   <li>
    <a href="#" id="menu_6">menu 7</a>
   </li>
 
  </ul>
</div>
le css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
/* premier niveau */
div#menu {clear:both; margin-bottom: 2px;}
div#menu ul {width: 956px;height:30px;float:left;margin:0px;padding:0px;list-style:none;background-image:url(../img/background_menu.gif);background-repeat:repeat-x;}
div#menu ul li {display:inline;}
div#menu ul li a {text-decoration:none;font-size:13px;font-weight:bold;color: #FFFFFF;text-align:center;line-height:30px;}
/* parents */
#menu_0{width:99px; border-right:1px solid black;}
#menu_1{width:178px; border-left:1px solid #b7bbd8;border-right:1px solid black;}
#menu_2{width:186px; border-left:1px solid #b7bbd8;border-right:1px solid black;}
#menu_3{width:167px; border-left:1px solid #b7bbd8;border-right:1px solid black;}
#menu_4{width:76px; border-left:1px solid #b7bbd8;border-right:1px solid black;}
#menu_5{width:151px; border-left:1px solid #b7bbd8;border-right:1px solid black;}
#menu_6{width:86px; border-left:1px solid #b7bbd8;}