Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/01/2011, 21:09
Avatar de maycolalvarez
maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 8 meses
Puntos: 1532
Respuesta: Espacio al final de imagenes XHTML

POST REPETIDO: http://www.forosdelweb.com/f53/espac...-xhtml-876730/ favor no duplicar mensajes

en XHTML los tags sin cierre se cierran con [espacio en blanco]/>

<img src="http://www.faerum.com/images/alt_banner_03.png" alt="" />

ese espacio se debe a que cuando se usa (X)HTML en el modo estricto, se activa por defecto el modo estándar para toda la página, y ya no se utiliza el modo quirks, por lo que el espacio representa la cola de las letras (baseline) al tratarse img como elemento de linea (inline):

(por defecto img está en vertical-align: baseline)

tal como se explica en este tutorial: https://developer.mozilla.org/en/Ima...ysterious_Gaps, puede resolverse de varios modos, entre los más usuales:

display: block; para forzar a que img actue como elemento de bloque y no tenga en cuenta el baseline

vertical-align: bottom; para que no sea baseline y se acople al bottom, y por ende no se aplica el espacio (a excepción de que existan texto en la línea)

PD: en navegadores como firefox, el uso de DTD's (x)html trasitional que se rigen bajo modo estándar suelen relajar este aspecto como si fuese modo quirks, al menos en tag's como img.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Última edición por maycolalvarez; 14/01/2011 a las 21:46