Foros del web, para los que viven de bits

seoista · 10-nov-2005, 02: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 · 10-nov-2005, 05: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-nov-2005, 00: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 · 12-nov-2005, 03:19

Perdonad que insista.

¿Alguna solución?

.

Gracias

.

seoista · 15-nov-2005, 01:30

¿Nadie lo sabe?

Gracias.

Saludos

kemie · 15-nov-2005, 06: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 · 15-nov-2005, 23:06

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

Te estoy muy agradecido

Un saludo.

10-nov-2005, 05:20	#2 (permalink)
kemie Fecha de Ingreso: junio-2003 Ubicación: estocolmo<-->mexico Mensajes: 1.627	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 __________________ ::::::::::::::::::::::::::::: WebHostNinja \| diseñorama.com::::::::::::::::::::::::::::::

11-nov-2005, 00:10	#3 (permalink)
seoista Fecha de Ingreso: septiembre-2003 Ubicación: Pues leyéndote Mensajes: 818	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 . __________________ · Lo poco que sé, lo he aprendido de AQUÍ · · No contesto por M.P. · Última edición por seoista; 11-nov-2005 a las 23:32.

12-nov-2005, 03:19	#4 (permalink)
seoista Fecha de Ingreso: septiembre-2003 Ubicación: Pues leyéndote Mensajes: 818	Perdonad que insista. ¿Alguna solución? . Gracias . __________________ · Lo poco que sé, lo he aprendido de AQUÍ · · No contesto por M.P. ·

15-nov-2005, 01:30	#5 (permalink)
seoista Fecha de Ingreso: septiembre-2003 Ubicación: Pues leyéndote Mensajes: 818	¿Nadie lo sabe? Gracias. Saludos __________________ · Lo poco que sé, lo he aprendido de AQUÍ · · No contesto por M.P. ·

15-nov-2005, 06:59	#6 (permalink)
kemie Fecha de Ingreso: junio-2003 Ubicación: estocolmo<-->mexico Mensajes: 1.627	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. __________________ ::::::::::::::::::::::::::::: WebHostNinja \| diseñorama.com::::::::::::::::::::::::::::::

15-nov-2005, 23:06	#7 (permalink)
seoista Fecha de Ingreso: septiembre-2003 Ubicación: Pues leyéndote Mensajes: 818	Muchisimas gracias kemie por la información, intentaré adaptarlo a mis necesidades. Te estoy muy agradecido Un saludo. __________________ · Lo poco que sé, lo he aprendido de AQUÍ · · No contesto por M.P. ·

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado