Con relación alo del "#", tienes estas opciones:
href="javascript:void(0);" (metodo inválido)
En "a" o "img" en sus hover o como puedas le pones un "cursor:pointer;"
aparece la manita como si fuera hipervinculo y no va a ningún lado...
Saludo,
DJ-Dom
El día 23/12/05, Estela López Bernal <[EMAIL PROTECTED]> escribió:
>
> Hola,
>
> Después de estar probando las posibles soluciones a mi problema, he
> llegado
> a una serie de conclusiones que me han hecho decidir olvidarme de agrandar
> la imagen cuando pase el ratón:
>
> Utilizando CSS:
>
> * La idea de poner un hipervínculo a la imagen era una gran idea porque al
> principio deberían enlazar con otras páginas... hasta que ya no se quiso
> esto. Entonces, me parecía un poco mal que al hacer clic no llevara a
> ningún
> sitio, que es "#" y esto implica que te pone al principio de la página.
>
> * Lo que es el resize de la imagen lo hacía bien. Le ponía el tamaño de la
> imagen original y luego hacía que este se hiciera más pequeño a no ser que
> se pasara el ratón por encima. Los pixeles se veían mas o menos bien y en
> este sentido me agradó. De hecho, es lo que quería.
> *
>
> Conclusión: Al no tener enlaces a otras páginas, creo que no debería
> utilizar este método.
> *
>
>
>
> Utilizando Javascript:
>
> * Con la función que alguien puso en este tema, empecé a hacer
> modificaciones y no me funcionaba.
>
> * Resulta que yo no puedo poner el tamaño en <img .... /> porque si no, la
> función... no hace nada.
>
> * Si yo no pongo nada, la imagen se carga tal y como la tengo de tamaño.
> Una
> vez que paso el ratón por encima, se agranda, pero los pixeles no se ven
> bien, la imagen se deforma bastante y esto no vale.
>
> * Una de las opciones que me planteé es hacer una función que se cargara
> al
> principio que hiciera un resize dejando la imagen de apariencia pequeña y
> que sólo se mostrara tal y como es cuando pasara el ratón por encima.
> *
>
> Conclusión: Esta posible solución me parece una "ñapa" por el
> funcionamiento
> interno de java, css, html.
>
>
> *
>
> Asi que, se queda la imagen como está y punto. Eso sí, aprender, he
> aprendido un montón.
>
> Gracias por vuestra ayuda. Y si alguien se le ocurre otra idea, o si
> quiere
> aportar algo, adelante.
>
> Saludos y FELIZ NAVIDAD.
>
>
>
> El día 15/12/05, stripTM <[EMAIL PROTECTED]> escribió:
> >
> > DJ-Dom escribió:
> >
> > >Eso de usar CSS para modificar el contenido no me convence, debería
> usar
> > >JavaScript....
> > >
> > >
> > Pues yo creo que este es un caso en el que precisamente se debería usar
> > css en lugar de javascript ya que no se modifica el contenido sino su
> > presentación.
> >
> > Para hacerlo defines el alto y ancho del a {} y le metes un overflow:
> > visible
> > y en el a:hover img{} le aumentas el tamaño de la imagen.
> >
> > a {width: 70px; height: 40px; overflow: visible; display:
> > block; float: left;}
> > a img {position: relative; z-index:1;}
> > a:hover img {width: 140px; height: 80px; z-index: 2;}
> >
> > <a href="#"><img src="imagen.png" alt="" /></a>
> > <a href="#"><img src="imagen.png" alt="" /></a>
> > <a href="#"><img src="imagen.png" alt="" /></a>
> >
> > Sencillo ¿no? Ya sólo queda meterle los hacks al Explorer para que pille
> > el :hover o simplemente esperar a que dicho navegador lo soporte ya que
> > se trata de algo cosmético que no impide el funcionamiento y manejo de
> > la página ;-)
> >
> > --
> > Saludos -=stripTM=-
> >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
--
www.dj-dom.net
[EMAIL PROTECTED]
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
