Foros del Web » Creando para Internet » CSS »

Menu desplegable incompleto

Estas en el tema de Menu desplegable incompleto en el foro de CSS en Foros del Web. Hola equipo! Tengo un problema con un menu desplegable en acordeon. En las subcategorias, tan sólo aparecen tres, y no todas las que tengo: Os ...
  #1 (permalink)  
Antiguo 27/02/2013, 05:29
 
Fecha de Ingreso: febrero-2013
Mensajes: 3
Antigüedad: 11 años, 1 mes
Puntos: 0
Menu desplegable incompleto

Hola equipo! Tengo un problema con un menu desplegable en acordeon.

En las subcategorias, tan sólo aparecen tres, y no todas las que tengo:

Os pongo el codigo HTML:

<div class="menu-item">
<h4>
<a href="#">Proyectos 2013</a>
</h4>

<ul>
<li>
<a href="#">Sportdream</a>
</li>

<li>
<a href="#">Las Palmeras</a>
</li>

<li>
<a href="#">Piscina Amés</a>
</li>

<li>
<a href="#">Van Rebel</a>
</li>
</ul>
</div>

<div class="menu-item">
<h4>
<a href="#">Proyectos 2012</a>
</h4>

<ul>
<li>
<a href="#">La Youitao</a>
</li>

<li>
<a href="#">115 en Turia</a>
</li>

<li>
<a href="#">Dental Dominguez</a>
</li>

<li>
<a href="#">Cruceiro</a>
</li>

<li>
<a href="#">Winteraqua</a>
</li>

<li>
<a href="#">San Paio 7</a>
</li>

<li>
<a href="#">O Pereiro de Aguiar</a>
</li>

<li>
<a href="#">Escuela Avalaya</a>
</li>

<li>
<a href="#">La Chocolatto</a>
</li>

<li>
<a href="#">Espada 25</a>
</li>

<li>
<a href="#">The Lab</a>
</li>
</ul>
</div>

<div class="menu-item">
<h4>
<a href="#">Proyectos 2011</a>
</h4>

<h4>
<a href="#">Proyectos 2010</a>
</h4>

<h4>
<a href="#">Proyectos 2009</a>
</h4>

<h4>
<a href="#">Proyectos 2008</a>
</h4>

<h4>
<a href="#">Proyectos 2007</a>
</h4>
</div>



y el CSS

/* MENU PROYECTOS */


nav {
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 0.5;
margin: 50px auto; /*for display only*/
width: 200px;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.menu-item {
background: #fff;
width: 200px;
}
/*Menu Header Styles*/
.menu-item h4 {
color: #fff;
font-size: 13px;
font-weight: 400;
padding: 7px 12px;
background: #ffffff;
}
.menu-item h4 a {
color: #ffffff;
display: block;
text-decoration: none;
width: 200px;
}
/*Menu Header Styles*/
.menu-item h4 {
border-bottom: 1px solid rgba(0,0,0,0.3);
border-top: 1px solid rgba(255,255,255,0.2);
color: #ffffff;
font-size: 13px;
font-weight: 500;
padding: 7px 12px;

/*Gradient*/
background: #088908; /* Old browsers */
background: -moz-linear-gradient(top, #088908 0%, #087108 44%, #088908 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16700C), color-stop(44%,#23B014), color-stop(100%,#16700C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* IE10+ */
background: linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16700C', endColorstr='#16700C',GradientType=0 ); /* IE6-9 */
}
.menu-item h4:hover {
background: #23B014; /* Old browsers */
background: -moz-linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16700C), color-stop(44%,#23B014), color-stop(100%,#16700C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* IE10+ */
background: linear-gradient(top, #16700C 0%, #23B014 44%, #16700C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16700C', endColorstr='#16700C',GradientType=0 ); /* IE6-9 */
}
/*First Item Styles*/
.alpha p {
font-size: 13px;
padding: 8px 12px;
color: #36A929;
}
/*ul Styles*/


Sabeis a qué puede deberse?
  #2 (permalink)  
Antiguo 27/02/2013, 08:27
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Menu desplegable incompleto

Con el código que pones, tal cual, aparecen todos los submenus.

Usa highlight o code cuando dejas código.

Etiquetas: desplegable, hover, html, incompleto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:56.