Estoy empezando a aprender a desarrollar paginas web y tengo un problema con CSS que no logro resolver.
Tengo un submenu que no logro mostrar cuando paso el mouse encima del primer list item
del menú
Este es mi código:
<ul>
<li><a href="bitacora.php">Tickets</a></li>
<ul>
<li><a href="ticketnuevo.php">Nuevo Ticket</a></li>
</ul>
<li><a href="pingsrv.php">Probar Conexion</a></li>
</ul>
Este es mi CSS, pero quiero definir estos estilos que sean exclusivos del "menu".
ul {
/*Quita el simbolo de la lista (cuadro, punto, numero)*/
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #377ADE;
}
li {
/*hace que las pestañas se alinien hacia la izquierda*/
float: left;
}
li a {
display: block;
/*color del link o texto*/
color: white;
text-align: center;
/*El primero determina el largo, el segundo que tan separados estan*/
padding: 12px 15px;
text-decoration: none;
}
/*Cuando se pasa el mouse por envima cambia de color*/
li a:hover {
background-color: #FF0049;
text-decoration: underline;
}
/*Esconde el submenu ul */
ul ul {
display: none;
}