Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/07/2008, 23:06
Avatar de Hiruma-Sama
Hiruma-Sama
 
Fecha de Ingreso: agosto-2007
Ubicación: Floresta, Buenos Aires, Argentina.
Mensajes: 234
Antigüedad: 17 años, 2 meses
Puntos: 5
Pregunta 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 ^^

Última edición por Hiruma-Sama; 23/07/2008 a las 23:11