Inicio de mvnForum Bienvenido Guest   | Iniciar sesión
  Búsqueda  
  Indice  | Temas Recientes  | Quién Está en Línea  | Lista de Usuarios  | Nuevo Usuario  | Búsqueda  | Ayuda  | RSS feeds


Ir a »
Estado del tema: Normal
Total de mensajes en este tema: 2
[Añadir a Mis Favoritos] [Añadir un aviso a este tema] [Publicar nuevo tema]
Autor
Tema Anterior Este tema ha sido visto 9063 veces y tiene 1 respuesta Tema Siguiente
Masculino diablo_jr
Newbie



Ingresó: 12-may-2008
Mensajes: 42
Estado: Desconectados

devilish   Menu para Firefox y Explorer - CSS Responder a este mensaje
Responder citando

Buenas a todos, tengo un pequeño problemilla con un menu que me esta dando bastantes quebraderos de cabeza.... El caso es que cuando paso por cada una de las opciones, deben desplegarse el segundo nivel vel menu.

Aquí os dejo el código del menu:

<div class="hst"><ul>
<li class="activo"><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a>
<div class="subhst"><ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
</ul></div>
</li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a>
<div class="subhst"><ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
<li><a href="#">Submenu 5</a></li>
</ul></div>
</li>
<li><a href="#">Menu 5</a></li>
</ul></div>


y este es el css:

.hst{border-bottom:3px solid #7f7f7f;height:1%;clear:both;margin:2px 0 40px;float:left;width:97%}
.hst li{float:left;background:#ececec;padding:8px;borde r-right:1px solid #fff;height:1em}
.hst li a{color:#707477}
.hst li.activo{background:#7f7f7f}
.hst li.activo a{font-weight:bold;color:#fff}
.hst li:hover{background-color:#df671b;color:#fff}
.hst .subhst {display:none}
.hst li:hover .subhst{display:block; position:absolute}
.hst li:hover .subhst ul{position:relative;top:10px;left:-10px;clear:both}
.hst li:hover .subhst li{background:none}
.hst li:hover .subhst li:hover{font-weight:bold}


El caso es que el estilo li:hover no lo reconoce el explorer. Como puedo hacer para que se me despliegue el menu en Explorer ??? en Firefox funciona todo a la normalidad.

Un saludo y gracias de antemano.
[07-abr-2009 10:20:50] Mostrar la Versión Imprimible        Send Private Message [Enlace] Reportar mensaje ofensivo: por favor inicie sesión primero  Ir al inicio 
Masculino oficus
Stranger
Avatar del Miembro


Ingresó: 09-may-2008
Mensajes: 6
Estado: Desconectados
Re: Menu para Firefox y Explorer - CSS Responder a este mensaje
Responder citando

Prueba a cambiar donde usas :
.hst li:hover
debes poner
.hst li a:hover

Saludos.

Mi blog
----------------------------------------
Mi blog: http://blog.jromay.es
Mi club: http://www.caeja.es
[07-jul-2009 10:31:23] Mostrar la Versión Imprimible        Send Private Message    Oculto a Invitados    http://blog.jromay.es [Enlace] Reportar mensaje ofensivo: por favor inicie sesión primero  Ir al inicio 
[Versión imprimible] [Publicar nuevo tema]