mvnForum - Ver Tema - Menu para Firefox y Explorer

Bienvenido Guest | Iniciar sesión

mvnForum » Listar todos los foros » Foro: Maquetación y Accesibilidad » Tema: Menu para Firefox y Explorer - CSS

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

Este tema ha sido visto 9063 veces y tiene 1 respuesta

diablo_jr
Newbie

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

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]

[Enlace]

oficus
Stranger

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]

[Enlace]

[Versión imprimible] [Publicar nuevo tema]