Hola a todos de nuevo.
Tengo un problema tratando de cambiar el menú despegable de una plantilla de mi blog. La plantilla es Milano y al desplegar el menú lo hace hacia abajo, incluidos los niveles 2, 3 o el que sea. De esa forma, cuando se despliega un menú se tapan los que están debajo. Mi idea es que todos los submenús se desplieguen hacia la derecha. He cambiado el float de none a left, pero lo que hace es colocar los dos primeros niveles de menú uno al lado del otro y el resto sigue de la misma manera,
Os dejo aquí el código CSS y el HTML:
Os dejo también el ejemplo de la plantilla: Milano
Muchas gracias a todos y espero que podáis ayudarme.
Tengo un problema tratando de cambiar el menú despegable de una plantilla de mi blog. La plantilla es Milano y al desplegar el menú lo hace hacia abajo, incluidos los niveles 2, 3 o el que sea. De esa forma, cuando se despliega un menú se tapan los que están debajo. Mi idea es que todos los submenús se desplieguen hacia la derecha. He cambiado el float de none a left, pero lo que hace es colocar los dos primeros niveles de menú uno al lado del otro y el resto sigue de la misma manera,
Os dejo aquí el código CSS y el HTML:
Insertar CODE, HTML o PHP:
/* Hide Dropdowns by Default */
nav ul ul {
display: none;
position: absolute;
z-index: 1000;
background: #494949;
}
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
display:inherit;
}
/* First Tier Dropdown */
nav ul ul li {
min-width:170px;
float:none;
display:list-item;
position: relative;
}
nav ul ul a:hover {
background-color: #656565;
}
/* Change this in order to change the Dropdown symbol */
nav li > a:after { content: ' >'; }
nav li > a:only-child:after { content: ''; }
HTML:
<!--Main Navigation-->
<div class='menu-wrapper'>
<div class='menu'>
<nav>
<ul>
<li><a href='http://www.mochileolowcost.com'>Principal</a></li>
<li><a href='#'>Nosotros</a>
<!-- First Tier Drop Down -->
<ul>
<li><a href='#'>Ana</a></li>
<li><a href='#'>Alejandro</a></li>
</ul>
</li>
<li><a href='#'>América</a>
<!-- First Tier Drop Down -->
<ul>
<li><a href='#'>Estados Unidos</a>
<!-- Second Tier Drop Down -->
<ul>
<li><a href='#'>Hawái</a></li>
<li><a href='#'>Nueva York</a></li>
<li><a href='#'>Alaska</a>
<!-- Third Tier Drop Down -->
<ul>
<li><a href='#'>Stuff</a></li>
<li><a href='#'>Things</a></li>
<li><a href='#'>Other Stuff</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Canadá</a>
<!-- Second Tier Drop Down -->
<ul>
<li><a href='#'>HTML/CSS</a></li>
<li><a href='#'>jQuery</a></li>
<li><a href='#'>Other</a></li>
</ul>
</li>
</ul>
</li>
Os dejo también el ejemplo de la plantilla: Milano
Muchas gracias a todos y espero que podáis ayudarme.