Hombre, no hay que quebrarse la cabeza para averigüar que el '#',
evidentemente, es una manera (poco sutil quizás) más de "llenar" la
propiedad, sin más ánimo que ese y la de marcar que ahí tiene que haber
contenido. Todo el ejemplo en sí es un modo rápido de mostrar el
comportamiento requerido. Por supuesto que, no solo el '#', sino todo el
ejemplo tendrá que ser adecuado para encajar en el proyecto qie lo albergue.
Ea!
Un saludo, David Merino.
On 12/15/05, Estela López Bernal <[EMAIL PROTECTED]> wrote:
>
> Hola, estoy en ello, ya os contaré cómo lo haré al final.
>
> No voy a poner # porque cada imagen va a llevar un enlace a una página
> determinada.
>
>
>
>
> El día 15/12/05, DJ-Dom <[EMAIL PROTECTED]> escribió:
> >
> > Eso de usar CSS para modificar el contenido no me convence, debería usar
> > JavaScript....
> >
> > otra cosa en el "href" no es recomendable usar "#", puedes poner
> > style="cursor:pointer;" para poner la "mano"...
> >
> > puedes tener dos trozos de códiggo, uno en display:none; y el otro en
> > visibility:''; y cambiar ese estado con JavaScript...
> >
> > o bien cambiar las clases o en fin cual quier etiqueta mediante
> > getelementbyid...
> >
> >
> > Saludo,
> > DJ-Dom
> >
> > El día 14/12/05, Maikel Naigt <[EMAIL PROTECTED]> escribió:
> > >
> > > Te explicas, de hecho yo pienso que es la mejor manera.
> > > Digamos que tenemos este código.
> > >
> > > <a href="#"><img scr="..." /></a>
> > >
> > > Pues así, de seguido yo haría esto (por poner un ejemplo, cada uno que
> > lo
> > > adapte a lo que necesite)
> > >
> > > a {
> > > display: block;
> > > height: 50px;
> > > width: 50px;
> > > padding: 50px;
> > > }
> > > img {
> > > display: block;
> > > width: 100%;
> > > }
> > > a:hover {
> > > padding: 0;
> > > }
> > >
> > > Y así conseguiría que la imagen de dentro se agrandara sin desplazar
> al
> > > resto de los elementos de la página. Esto está hecho deprisa y
> > corriendo,
> > > por supuesto es posible e incluso aconsejable, según la situación,
> > contar
> > > con un contenedor envolvente o wrapper, pero la base aquí está ;)
> > >
> > > Un saludo, David Merino.
> > >
> > > P.D.: No lo he probado (soy muuu vago), así que no seais muy crítcos
> si
> > > falla un poquillo. xD
> > >
> > >
> > > On 12/14/05, jEsuSdA 8) <[EMAIL PROTECTED]> wrote:
> > > >
> > > > Muy bien conseguido.
> > > > Eso es a lo que yo me refería.
> > > > La incomodidad a la que hacía referencia en mi mail anterior era
> que,
> > al
> > > > cambiar de tamaño, todo elemento que se encuentre al lado de la
> > imagen,
> > > > se desplaza, de ahí que no sea muy recomendable lo de aumentar
> tamaños
> > > > de elementos.
> > > >
> > > > LO que tal vez se pudiea hacer para solventar esto es meter cada
> > imagen
> > > > en una capa con un tamaño mayor o igual que el tamaño máximo que
> pueda
> > > > alcanzar la imagen contenida en su interior.
> > > > De ese modo, la imagen aumenta y disminuye de tamaño sin desplazar
> lo
> > > > que haya a su alrededor.
> > > > No se si me explico. ;)
> > > >
> > > > Jose Antonio Riquelme escribió:
> > > >
> > > > >Perdon, cuando redacté el mensaje tenia el 2 a pelo, y luego le
> puse
> > > > >el parametro del tamaño.
> > > > >
> > > > >El ejemplo lo hace aumentando por 2, pero la funcion admite
> cualquier
> > > > >numero, incluso 0 :P
> > > > >
> > > > >El 14/12/05, Jose Antonio Riquelme<[EMAIL PROTECTED]> escribió:
> > > > >
> > > > >
> > > > >>Forma Javascript
> > > > >>
> > > > >>Este codigo coge la imagen y multiplica el ancho y el alto por 2.
> > > > >>Importante poner el atributo ID al IMG, es el "identificador
> unico"
> > de
> > > > >>cada imagen.
> > > > >>
> > > > >>Saludos y espero que te sea util.
> > > > >>
> > > > >>PD. El codigo es mejorable, lo sé.
> > > > >>
> > > > >><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> > > > >>"http://www.w3.org/TR/html4/loose.dtd";>
> > > > >><html>
> > > > >><head>
> > > > >><title>Documento sin título</title>
> > > > >><meta http-equiv="Content-Type" content="text/html;
> > > charset=iso-8859-1">
> > > > >></head>
> > > > >>
> > > > >><body>
> > > > >>
> > > > >><img name="dinosaurio" id="dinosaurio" src="avatar.gif
> " border="0"
> > > > >>onMouseOver="javascript:aumenta_tamanio(this.name,2);"
> > > > >>Onmouseout="javascript:disminuye_tamanio(this.name,2);">
> > > > >><script language= "JavaScript" type="text/javascript">
> > > > >> function aumenta_tamanio(nombre_imagen,cuanto) {
> > > > >> var ancho, alto;
> > > > >>
> > > > >> I=document.getElementById(nombre_imagen);
> > > > >> ancho=I.width;
> > > > >> alto=I.height;
> > > > >> I.width=cuanto*ancho;
> > > > >> I.height=cuanto*alto;
> > > > >>
> > > > >> }
> > > > >> function disminuye_tamanio(nombre_imagen,cuanto) {
> > > > >> I=document.getElementById(nombre_imagen);
> > > > >> I.width=I.width/cuanto;
> > > > >> I.height=I.height/cuanto;
> > > > >> }
> > > > >>
> > > > >></script>
> > > > >>
> > > > >></body>
> > > > >></html>
> > > > >>
> > > > >>
> > > > >>
> > > > >>
> > > > >>
> > > > >_______________________________________________
> > > > >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
> > > >
> > > >
> > > >
> > > _______________________________________________
> > > 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
> >
> _______________________________________________
> 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
