Menu liste

Bonjour,

Je fais un menu avec la liste

 
<ul id="navigation">
        <li id="current"><a href="/">Home</a></li>   
		<li><a href="/archives/">Articles</a></li>
		<li><a href="/archives/">Articles</a></li>
      </ul>


*/
#navigation {
	width: 624px;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #F40000;
	background-image: url(images/menu.gif);
	background-repeat: repeat;
}

#navigation ul { position:absolute; list-style-type:none; left:15px; bottom:0; }
#navigation li { float:left; border-top:4px solid #202326; }
#navigation li a { display:block; padding:0 10px; line-height:2; color:#FFF; text-decoration:none; float:left; font-size:91%; }
#navigation li a:hover { background:#191C1E; }

Mon problème est j'aimerais que
<li id="current"><a href="/">Home</a></li> aie un background de couleur différente
J'ai essayé faire ça

#navigation .current a { background:#202326; }

mais ca ne marche pas

Merci

<li id="current"><a href="/">Home</a></li> aie un background de couleur différente

Remplace id par class car

#navigation .current a { background:#202326; }

ca marche

j'ai une autre question , j'aimerais essayer de la centrer cette liste

#navigation {
	width: 624px;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #F40000;
	background-image: url(images/menu.gif);
	background-repeat: repeat;
text-align: center;
}

mais ca ne ce centre pas

re salut,

text-align:center fonctionne avec les éléments en ligne mais pas en bloc.
Essaye de changer <li> en display:inline , ça devrait fonctionner ..
Et enlève du coup les float:left.
Modifié par ilhooq (31 Jan 2006 - 12:54)

j'ai du me tromper car ca ne passe
http://www.independza.com/client/expay/index.html

Sinon j'ai un autre blem

<div id="hMilieu">
	rrr
       <div id="featured">
              <div class="featured-inner">
                      <h5>La révolution est en marche</h5>
             </div>
     </div>
</div>

j'ai mis un background pour le div hMilieu mais le div featured n'est pas pris en compte

pour centrer ton menu je pense qu'avec ( margin: 0 auto; ) ca doit passer

Ca change rien

J'ai un autre petit problème . J'arrive pas a mettre le bloc rouge tt en bas à la meme hauteur que l'image "Comment utiliser eXpay"