Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 23-jul-2008, 23:06   #1 (permalink)
Hiruma-Sama ha deshabilitado el karma
 
Fecha de Ingreso: agosto-2007
Mensajes: 28
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-jul-2008 a las 23:11.
Hiruma-Sama está desconectado   Responder Citando
Antiguo 24-jul-2008, 01:04   #2 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.436
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.
Mikmoro está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:19.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93