Dans le css :
#iladnav { margin: 0 auto; height: 18px; color: #fff; width: 440px; } #iladnav ul { margin: 0; padding: 0; list-style-type: none; } #iladnav ul li { float: left; margin: 0 2px; font-weight: bold; background: url(/theme/images/header_menu.png) no-repeat 100% -28px ; } #iladnav ul li a { display: block; margin-right: 12px; padding: 0 12px 0 24px; background: url(/theme/images/header_menu.png) no-repeat; text-decoration: none; color: #fff; } #iladnav ul li.currentpage, #iladnav ul li.currentpage a, #iladnav ul li:hover, #iladnav ul li:hover a { background-image: url(/theme/images/header_menuselected.png); color: #000; }
Dans le html :
<div id="tMain"> <div id="iladnav"> <ul> <li class="currentpage"><a href="/" class="currentpage"> Accueil </a></li> <li><a href="http://www.infolibreadom.com/nos-services/"> Nos Services </a></li> <li><a href="http://www.infolibreadom.com/nos-tarifs/"> Nos Tarifs </a></li> <li><a href="http://www.infolibreadom.com/contact/"> Contact </a></li> </ul> </div> <div id="tHeader">