Joe Lynch wrote:
Hola,

No estoy un 100% seguro si este se aplique a tu
situacion pero recuerdo haber leído en este foro que
alguien cambió las dimensiones de la imágen de pixels
a em.  Como los em son relativos, al cambial el tamaño
de l texto, la imagen cambia tambien.  Por supuesto
tenés (así con acento argentino) que declarar el
contenedor en em, no en px.

ESTO NO FUNCIONA EN Internet Explorer pusto que ... no
me acuerdo porque.

jajaja Esa me gusto En http://arielburone.com.ar/em-rules.html me explaye un poco con la idea. A mi me funciona bien en explorer 6, si a alguien no le funciona, please avisen

La verdad que con el rsto de tu mail me perdiste... Creo que tengo que dormir 
un poco

Saludos

Ariel



Declarar el tamaño de texto en pixels.


/*
p.pict -> Solamente para imágenes. Dado que 1em=10px. Poner imágen dentro de esta clase pare que
se achique/agrande como si fuese texto
En HTML hay que definir la imagen en em (1 em =1/10 de
px de acuerdo a esta conversión).


*/
p.pict {font-size: 10px;}


El contenedor (con fondo transparente, todas las medidas en em):

#pic01Box {
  position: absolute;
  top: 7.3em;
  left: 35em;
  bottom: 0em;
  right: 35em;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  width: 14em;
  height: 14em;
  z-index: 20;
  background-color: transparent;  /*#000000;*/
}

y finalmente la página HTML usamos la clase que
definimos anteriormente en la cambiamos el tamaño del
texto (font).  El style está declarado dentro del div,
pues no sé como hacerlo afuera en esta situación.  El
tamaño de la imagen esta en em, que son 10 veces mas
que el pixel.  Usa 10 pues es más facil correr el
punto decimal.  La imágen es 127 x 200, en em es 12.7
x 20:

<div id="pic01Box">
<p class="pict">
  <img src="Pics/roseRedOnFence0201_127x200.jpg"
style="width:12.7em; height:20.0em;" border="0"
alt="Red Roses against white fence background." />
</p>
</div>

Buena suerte.



__________________________________ Do you Yahoo!? Check out the new Yahoo! Front Page. www.yahoo.com





------------------------------------------------------------------------

_______________________________________________
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_ovillo.org


_______________________________________________
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_ovillo.org

Responder a