Foros del Web - >> no funciona este CSS ... <<

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - >> no funciona este CSS ... << (http://www.forosdelweb.com/f53/no-funciona-este-css-348849/)

seoista

10/11/2005 03:56

>> no funciona este CSS ... <<

... en I. Explorer, pero sí en Firefox.

Código:

<html>

<head>
 
 <style type="text/css">

        #grupo

                {display: block;

                position: relative;

                width: 570px;

                height: 380px;

                margin: 0;

                padding: 0;}
 

        #grupo ul

                {margin: 0; padding: 0;}
 

        #grupo li

                {visibility: hidden;   

                list-style-type: none;

                position: absolute;

                display: block;

                margin: 0; 

                padding: 0;

                font-family: verdana;

                font-weight: normal;

                color: #00008b; 

                height: 20px;

                line-height: 20px; 

                text-align: center;

                background: url(w51.png) #ffff00;

                border: 1px solid darkblue;

                text-decoration: none;

                overflow: hidden;}
 

        #grupo:hover li

                {visibility: visible;}
 

        #nombre1

                {left: 210px;

                top: 200px;

                width: 50px;}
 

        #nombre2

                {left: 400px;

                top: 200px;

                width: 60px;}

</style>
 

</head>
 

<body>
 

<ul id="grupo">

<img src="imagen.jpg" width="640" height="480" alt="" title="" />

<li id="nombre1"><span>Pepe</span></li>

<li id="nombre2"><span>Juan</span></li>

</ul>
 

</body>

</html>

¿Alguna solución?

Gracias adelantadas. :arriba:

Saludos :adios:

kemie

10/11/2005 06:20

internet explorer no reconoce el selector :hover en elementos que no sean links.

una buena solucion es este script:
http://www.xs4all.nl/~peterned/csshover.html

seoista

11/11/2005 01:10

Gracias por tu interés kemie

Cita:

Iniciado por kemie

internet explorer no reconoce el selector :hover en elementos que no sean links.

Pienso que te refieres a esto:

Código:

        #group:hover li

                {visibility: visible;}

Se lo he quitado y lo dejé así:

Código:

        #group li

                {visibility: visible;}

O así:

Código:

        #group: li

                {visibility: visible;}

Y ahora, de ninguna de las dos formas me funciona, ni en I.E., ni en F.F.

El enlace que pusistes:

Cita:

una buena solucion es este script:
http://www.xs4all.nl/~peterned/csshover.html

Perdona..., pero al estar en inglés :-( , no me entero de nada.

¿Cómo lo solucionaria para que funcione en ambos navegadores?. ¿Qué tendría que poner, quitar, ... etc?

Muchas gracias kemie y un saludo :adios:.

seoista

12/11/2005 04:19

Perdonad que insista.

¿Alguna solución? :pensando: .

Gracias :arriba: .

seoista

15/11/2005 02:30

:'( ¿Nadie lo sabe? :'(

Gracias.

Saludos :adios:

kemie

15/11/2005 07:59

mirate este ejemplo:
http://www.xs4all.nl/~peterned/examples/cssmenu.html
para que veas como se implementa el csshover.htc
ese te permite usar #group:hover en ie tambien.

seoista

16/11/2005 00:06

Muchisimas gracias kemie por la información, intentaré adaptarlo a mis necesidades.

Te estoy muy agradecido :arriba:

Un saludo.

La zona horaria es GMT -6. Ahora son las 05:57.