Foros del Web » Creando para Internet » CSS »

Imagenes Linkeadas (otra idea + duda)

Estas en el tema de Imagenes Linkeadas (otra idea + duda) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/07/2008, 00:06
Avatar de Hiruma-Sama  
Fecha de Ingreso: agosto-2007
Ubicación: Floresta, Buenos Aires, Argentina.
Mensajes: 234
Antigüedad: 10 años, 3 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; 24/07/2008 a las 00:11
  #2 (permalink)  
Antiguo 24/07/2008, 02:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:32.