30-nov-2005, 04:23
|
#1 (permalink) |
 Fecha de Ingreso: noviembre-2005
Mensajes: 379
|
a ver si se puede hacer esto
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 |
|
|
|
30-nov-2005, 11:05
|
#4 (permalink) |
 
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
|
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
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com:::::::::::::::::::::::::::::: |
|
|
|
|
30-nov-2005, 17:59
|
#6 (permalink) |
|
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
|
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
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com:::::::::::::::::::::::::::::: |
|
|
|
|
01-dic-2005, 10:19
|
#8 (permalink) |
|
Fecha de Ingreso: noviembre-2002
Mensajes: 980
|
Hola de nuevo :
Había preparado un enlace tabla bordes redondeados + imagen II Y un ejemplo
Código:
pero ya veo que llego tarde.<!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>
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 |
|
|
|
 |
| Herramientas | |
| Desplegado | |
|
|
Mode Lineal
