problema muy tonto con altura de imagen...

rome96 · #1 (**permalink**) 10/01/2012, 12:52

hola a todos, tengo q hacer una pagina con imagenes q tengan el height expresado en porcentaje.

El tema es q si si mi pagina contiene la linea:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

no me funciona el redimencionamiento y si saco esa linea no me anda el centrado automatico de la capa con el bendito explorer.

<imgg src="mi_imagen" height="50%">

kseso? · #2 (**permalink**) 10/01/2012, 13:01

Use estilos, aunque sea en línea.
Creo recordar que el atributo height sólo admite dígitos (nada de letras) pues la unidad es el px. Pero repito, es una creencia que no se su grado de certeza.

rome96 · #3 (**permalink**) 10/01/2012, 13:08

hola, gracias por responder, pero no me funciono. no se q se pueda ser

kseso? · #4 (**permalink**) 10/01/2012, 13:24

Qué menos que decir qué fue lo que ha hecho y qué es lo que no funciona?
O si no comprendió la respuesta comentarlo.

Porque nunca me he encontrado que no funcione el declarar un tamaño a las img en %. Eso sí, utilizando, repito, estilos.
<img style="..." .../>

zerokilled · #5 (**permalink**) 10/01/2012, 14:35

buenas,
de acuerdo al DTD xhtml transitional, el valor del atributo height puede ser números para pixeles o números con % para porcentaje.

Código:

<!ATTLIST img
  height      %Length;       #IMPLIED
  ...
  >

<!ENTITY % Length "CDATA">
    <!-- nn for pixels or nn% for percentage length -->

desgraciadamente no tengo iexplorer para hacer comprobaciones, pero te comento que por ejemplo firefox parece comportarse de la forma que describes. si le asignas un alto en porcentaje tanto en el atributo o propiedad css, la imagen no se redimensiona. esto es porque la unidad porcentaje calcula las dimensiones de acuerdo a sus elementos ancestro. es decir, cuando decimos 100% de altura, queda la incognita de en base a qué. por defecto, todos los elementos tienen el valor auto para la altura. lo que quiere decir que las medidas se determinan de acuerdo a ciertos factores, por ejemplo por su contenido. al ninguno de los elementos ancestro tener un valor fijo para la altura, entonces el navegador no sabe determinar un valor. ¿debería ser ese el comportamiento correcto? la verdad no lo se, habría que leer con más detenimiento las especificaciones del estandar.

supongo que este el caso de iexplorer. ¿soluciones? asignale un alto a algún elemento ancestro. o en dicho caso, sería practicamente lo mismo que asignarle un alto fijo a la imagen. otra solución no se me ocurre.

kseso? · #6 (**permalink**) 11/01/2012, 03:46

Gracias zerokilled
Ya decía, relativo a la altura en el atributo que era algo que pensaba, ahora ya estoy seguro... que pensaba mal.

Sobre el %:
También, porque al menos yo pensaba que el usuario quería redimensionarla tomando como referente un ancestro (que es el funcionamiento del %). Y creo que has acertado a suponer que lo que pretende es hacerla la mitad de alta que lo es la propia imagen.

Bueno, si es esto último tiene varias opciones:
Lo suyo sería que utilice un programa de edición. La mayoría pueden trabajar por lotes y las ventajas son obvias.
Utilizar otro lenguaje diferente a css.

N.B.: este malentendido demuestra una vez más la importancia de publicar todo los código implicados (css+html)