Bonjour à tous,
je butte sur un problème depuis ce matin : en effet je veux forcer mes <li></li> à afficher un cursor: pointer lorsque celles-ci sont survolées. Sous Firefox, il ne veut rien savoir en revanche tout s'affiche correctement via IE.
voici mon bout de code :
et en html
je ne comprend pas trop pourquoi il ne veut pas s'afficher
En vous remerciant pour votre éventuelle aide.
je butte sur un problème depuis ce matin : en effet je veux forcer mes <li></li> à afficher un cursor: pointer lorsque celles-ci sont survolées. Sous Firefox, il ne veut rien savoir en revanche tout s'affiche correctement via IE.
voici mon bout de code :
#header #navtop #megamenu124 ul li {
width: auto;
list-style: none;
float: none;
text-align:left;
height: 23px;
line-height: 23px;
font: normal 12px Arial, Verdana;
padding: 2px 0 2px 5px;
cursor: pointer;
}
#header #navtop #megamenu124 ul li a {
font: normal 12px Arial;
letter-spacing: 0.5px;
display: inline;
height: 23px;
line-height: 23px;
cursor: pointer;
text-decoration: none;
}
#header #navtop #megamenu124 ul li a:hover {
text-decoration: underline;
background: none;
}
#header #navtop #megamenu124 ul li:hover{
background: #f7f7f7;
}
et en html
<div id="megamenu124">
<ul>
<li onclick="window.location.href='#';"><a href="">Conserves & plats cuisinés</a></li>
<li onclick="window.location.href='#';"><a href="">Salaisons & charcuteries</a></li>
<li onclick="window.location.href='#';"><a href="">Soupes, purées, légumes</a></li>
<li onclick="window.location.href='#';"><a href="">Légumes secs, céréales, farines</a></li>
</ul>
je ne comprend pas trop pourquoi il ne veut pas s'afficher
En vous remerciant pour votre éventuelle aide.