[SOLUCIONADO] >> no funciona este CSS ... <<

seoista · #1 (**permalink**) 10/11/2005, 03:56

... 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.

Saludos

kemie · #2 (**permalink**) 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 · #3 (**permalink**) 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

.

seoista · #4 (**permalink**) 12/11/2005, 04:19

Perdonad que insista.

¿Alguna solución?

.

Gracias

.

seoista · #5 (**permalink**) 15/11/2005, 02:30

¿Nadie lo sabe?

Gracias.

Saludos

kemie · #6 (**permalink**) 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 · #7 (**permalink**) 16/11/2005, 00:06

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

Te estoy muy agradecido

Un saludo.