Entonces es más facil hacer código mal formateado que bien
formateado....Casi me convenso...
Saludo,
DJ-Dom
El día 15/12/05, Maikel Naigt <[EMAIL PROTECTED]> escribió:
>
> 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
>
--
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
