Foros del Web » Creando para Internet » CSS »

Espacio al final de imagenes XHTML

Estas en el tema de Espacio al final de imagenes XHTML en el foro de CSS en Foros del Web. Saludos a todos. Luego de leer un poco decidí pasar mis paginas a xhtml. Todo iba bien hasta que noté que justo debajo de las ...
  #1 (permalink)  
Antiguo 14/01/2011, 10:50
 
Fecha de Ingreso: diciembre-2009
Mensajes: 25
Antigüedad: 8 años
Puntos: 0
Pregunta Espacio al final de imagenes XHTML

Saludos a todos.


Luego de leer un poco decidí pasar mis paginas a xhtml. Todo iba bien hasta que noté que justo debajo de las imágenes (no se si en otros elementos también pasa) aparece un pequeño espacio en blanco como si tuvieran un padding-bottom.

He intentado todo y me doy cuenta que eso pasa cuando le agrego el atributo xmlns="http://www.w3.org/1999/xhtml" a la etiqueta <html>.

Aquí les dejo la prueba de los que les comento.

Pagina HTML:

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <div style="border: 1px solid red;">
            <img src="http://www.faerum.com/images/alt_banner_03.png" alt="">
        </div>
    </body>
</html> 
Se ve así [URL="http://www.faerum.com/prueba_html.php"]Prueba HTML[/URL]


Pagina con XHTML:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <title></title>
    </head>
    <body>
        <div style="border: 1px solid red;">
            <img src="http://www.faerum.com/images/alt_banner_03.png" alt=""></img>
        </div>
    </body>
</html> 

Se ve así [URL="http://www.faerum.com/prueba_xhtml.php"]Prueba XHTML[/URL]

Si alguien me puede ayudar a quitar ese molesto espacio se los agradecería de corazón.

Gracias por su atención.
  #2 (permalink)  
Antiguo 16/01/2011, 09:25
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Espacio al final de imagenes XHTML

La idea es que las imagenes se cierren en el mismo tag. En vez de esto:
<img src="http://www.faerum.com/images/alt_banner_03.png" alt=""></img>

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

Fijate con un inspector de codigo (como el firebug) si realmente hay un margen. Y si lo hay quizas tengas que resetear tu css (aunque no se si las imagenes tienen margen por defecto).

Saludos!
  #3 (permalink)  
Antiguo 16/01/2011, 14:49
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 11 años, 2 meses
Puntos: 12
Respuesta: Espacio al final de imagenes XHTML

eso puede deberse a que <img> es un elemento inline-block. sólo aplícale un display: block; y desaparecerá ese margen que creo que sólo afecta a IE.
  #4 (permalink)  
Antiguo 16/01/2011, 19:06
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Espacio al final de imagenes XHTML

Cita:
Iniciado por jalex16 Ver Mensaje
eso puede deberse a que <img> es un elemento inline-block. sólo aplícale un display: block; y desaparecerá ese margen que creo que sólo afecta a IE.
si, img es un elemento de línea, pero eso no es un margen, ese espacio se debe al baseline del texto, y no afecta sólo a IE, sino a todos los navegadores en modo strict, respuesta completa: http://www.forosdelweb.com/f53/espac...2/#post3706791

referencia: https://developer.mozilla.org/en/Ima...ysterious_Gaps
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: xhtml/css
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:58.