Hola!
El otro día pregunte por el foro de html como hacer un menu desplegable y lo consegui! Ahora estoy intentando modificar el color, y que desaparezca los puntos que vienen por defecto delante de los li.
El problema es que si introduzco en el html el código de "list-style:none;" para que desaparezca el punto, y pongo "background-color: #656565;" para definir un color de fondo funciona perfecto. Pero, al ponerlo en el CSS no funciona...
Dejo el código del CSS y luego el del HTML para ver si hay algo que no está bien escrito.
Además adjunto una captura de lo que se ve actualmente en la web.
Muchas gracias, y un saludo!
Código:
li{
list-style:none;
background-color: #656565;
}
.submenu{
background-color: #656565;
position:absolute;
margin-top:-12px;
padding-left:10px;
padding-right:10px;
}
.nav_list > li{
background-color: #656565;
display:inline-block;
margin: 0 1em;
}
Código:
<div style="background:#656565; margin-left:-190px;width:1378px;height:30px ">
<tr>
<nav>
<ul id="lista" class="nav_list">
<td><li style="margin-left:0px; margin-top:-55px;"class="home"><b><a href="campeonato-karting.php" style="text-decoration:none"><p style=""><font size="3"> Campeonato</font></p></a></b></li> </td>
<td><li style="margin-left:20px; margin-top:-55px;"class="home"><b><a href="reglamentos-karting.php" style="text-decoration:none"><p style=""><font size="3"> Reglamentos</font></p></a></b></li> </td>
<td><li style="margin-left:20px; margin-top:-55px;"class="home"><b><a href="calendarios-karting.php" style="text-decoration:none"><p style=""><font size="3"> Calendario</font></p></a></b></li> </td>
<td><li style="margin-left:20px; margin-top:-55px;"class="home"><b><a href="circuitos-karting.php" style="text-decoration:none"><p style=""><font size="3"> Circuitos</font></p></a></b></li> </td>
<td><li style="margin-left:20px; margin-top:-55px;"class="home"><b><a href="clasificaciones-karting.php" style="text-decoration:none"><p style=""><font size="3"> Clasificaciones</font></p></a></b></li>
<td><li style="margin-left:20px;margin-top:-55px;" class="media"><b><a href="reglamentos-karting.php" style="text-decoration:none"><p style=""><font size="3">Multimedia</font></p></a></b>
<ul class="submenu">
<li id="img" class="home"><i><a href="imagenes-karting.php" style="text-decoration:none"><p style=""><font size="3">Imágenes</font></p></a></i></li>
<div class="lista" style="background:#000000;width:80px;height:1px "></div>
<li style="list-style-type:none;" id="vdo" class="home"><i><a href="videos-karting.php" style="text-decoration:none"><p style=""><font size="3">Videos</font></p></a></i></li>
<div class="lista" style="background:#000000;width:80px;height:1px "></div>
<li style="background-color: #656565;" id="revista" class="home"><i><a href="revistas-karting.php" style="text-decoration:none"><p style=""><font size="3">Revistas</font></p></a></i></li>
<div class="lista" style="background:#000000;width:80px;height:1px"></div>
</ul>
</li></td>
</ul>
</nav>
</tr>
</div>
Cómo veis ni el fondo del desplegable es del color gris oscuro que le dijo en el CSS, ni desaparecen los puntos...