Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Imagenes Linkeadas (otra idea + duda) (http://www.forosdelweb.com/f53/imagenes-linkeadas-otra-idea-duda-608833/)

Hiruma-Sama 23/07/2008 23:06

Imagenes Linkeadas (otra idea + duda)
 
anteriormente yo cree un tema, el cual me supieron responder muy bien, si no me equivoco fue Mikmoro, quien me dio una gran ayuda en este tema:

http://www.forosdelweb.com/f53/imagenes-q-no-aparecen-ayuda-604816/

ahora bien, me a surgido la necesidad, en base a ese tema que plantie ahí, el cual es que con CSS... aparezca una imagen en cierta posicion de la pantalla, a la hora de uno posarse con el mouse sobre un link o una palabra, ahroa bien, lo que me gustaria hacer, es plantear lo mismo, pero posando el mouse sobre un link con imagen o sobre una imagen Normal ... es decir, me poso sobre una imagen o una imagen con link y que en cierta posicion aparezca otra imagen ...

en base al codigo que plantie en el tema anterior, el cual pondre a continuación, se podria lograr lo que busco ? ? ?, probe varias alternativas, pero no me a funcionado ^n^

CODIGO CSS
Código PHP:

/****************************/
/* Posicionador de Imagenes */
/****************************/

div#links {width: 202px; height: 182px; font: 15px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
padding0px 3pxmargin0 0 1pxborder-width0;
text-decorationnonecolor#000000;}
div#links a:hover {color: #FF0000;position:relative;}
div#links a img {display: none; border: 3px #cb62ff;}
div#links a:hover img {position: absolute; height: 200px; width: 200px;display: block;}
.uno, .dos, .tres, .cuatro {right240px;}
.
uno {top:4px;}
.
dos {top:-9px;}
.
tres {top:-22px;}
.
cuatro {top:-35px;}

/****************************/
/*     Fin Posicionador     */
/****************************/ 

En el HTML, lo que escribo para que con un link funcione es asi:

CODIGO HTML/PHP
Código PHP:

<div id="links"
<
div align="left"><a href="tapas.php" class="Estilo7">TAPA 203-A<img class="cuatro "src="T-203-A.gif" /></a></div>
</
div

y quisiera que no solo con un "texto + link" funcione, sino que tambien funcione con una "imagen" o "imagen + link".

Desde ya gracias por su atencion ^^

Mikmoro 24/07/2008 01:04

Respuesta: Imagenes Linkeadas (otra idea + duda)
 
El problema que tienes para conseguir eso en elementos sin enlace es que IE6 sólo acepta la pseudo-clase :hover sobre los enlaces.

Puedes intentar arreglarlo con un javascript que hay por ahí que arregla ese comportamiento de IE6. Creo que se llama IE7.js o algo así.

Mikel.


La zona horaria es GMT -6. Ahora son las 08:43.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.