a ver si se puede hacer esto

infolan · #1 (**permalink**) 30/11/2005, 05:23

Hola a todos

Tengo una paginacion de 9 imaganes de una tienda virtual, le tengo puesto que cuando pases el ratón por encima de la foto en el atributo "alt" me salga el precio de la foto.

Pero quiero cambiar esto y me gustaria que sobre la misma foto en una esquina, por ejemplo, en la parte derecha-superior, que muestre el precio

¿se puede hacer esto?

Saludos
Jaime

furoya · #2 (**permalink**) 30/11/2005, 06:38

hola infolan :

Cambia el título del tema y prueba con capas.

saludos

furoya

infolan · #3 (**permalink**) 30/11/2005, 06:44

y como se puede puede hacer con las capas?

kemie · #4 (**permalink**) 30/11/2005, 12:05

ok, este ejemplo te funciona en mozilla/safari/opera y cualquier navegador decente (no ie)
http://disenorama.com/tooltip.htm

si quieres que te funcione en ie, necesitas usar un script para que te reconozca la propiedad :hover, por ejemplo este:
http://www.xs4all.nl/~peterned/csshover.html

infolan · #5 (**permalink**) 30/11/2005, 16:24

y de los enlaces que me has pasado donde exactamente puedo buscar

gracias
jaime

kemie · #6 (**permalink**) 30/11/2005, 18:59

el primer enlace... pues no hay más que buscar, ese es el ejemplo. Si lo ves en algunos de los navegadores que te mencione, veras como al pasar el raton por las imagenes aparece el precio.
el segundo enlace es un script que hace que el ejemplo funcione en internet explorer. busca... pues al principio hay una explicacion, al final esta el enlace para descargar y un ejemplo... no se que mas decirte. :P

infolan · #7 (**permalink**) 01/12/2005, 01:47

La verdad que no entiendo mucho, puede ser que estoy expeso, me he bajada el ejemplo, bueno es un htc, pero me gustaría ver como queda para ver la idea, uso explore.

Saludos
Jaime

furoya · #8 (**permalink**) 01/12/2005, 11:19

Hola de nuevo :

Había preparado un enlace

tabla bordes redondeados + imagen II

Y un ejemplo

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html><head>
<style>
.charly{color:yellow; font-weight:bold; margin:5px; text-align:right; 

visibility:hidden; }
#bravo{background:url("http://www.forosdelweb.com/images/vbulletin3_logo_fdw.

gif"); width:207px; height:108px; }
</style>
</head>
<body>

<div id="bravo" 

onmouseover="document.getElementById('alfa').style.visibility='visible';" 

onmouseout="document.getElementById('alfa').style.visibility='hidden';" ><div 

id="alfa" class="charly">$$$</div></div>
<br /><br />


</body></html>

pero ya veo que llego tarde.

Aprovecho entonces para hacer dos comentarios.
Si el documento es para poner en la web, tu puedes usar IE, la mayoría de la gente puede usar IE, pero no todos lo hacen y es conveniente que el efecto sea para los demás navegadores también.

Por otro lado, cuando dije que cambiaras el título no me refería a hacerlo en otro tema

insertar capa esquina foto posicion fija

Trata de no duplicar las preguntas. Ahora es más dificil eliminar el otro tema porque también te respondieron.

saludos