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.