Ver Mensaje Individual
  #3 (permalink)  
Antiguo 09/05/2012, 21:06
Avatar de bathory84
bathory84
 
Fecha de Ingreso: junio-2010
Ubicación: Venezuela
Mensajes: 240
Antigüedad: 4 años, 4 meses
Puntos: 1
Respuesta: Espacio Vertical entre Imagenes

Cita:
Iniciado por emprear Ver Mensaje
Ya que estás usando una tabla, te lo hago con una tabla.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>4 x 1</title>
  6. </head>
  7. <body bgcolor="#FFFFFF">
  8. <table border="0" cellpadding="0" cellspacing="0" width="1029" height="400">
  9. <tr>
  10. <td width="1029" height="100"><img src="bg21x1.jpg" width="1029" height="100" border="0" alt="bg21x1.jpg" /></td>
  11. </tr>
  12. <tr>
  13. <td width="1029" height="100"><img src="bg22x1.jpg" width="1029" height="100" border="0" alt="bg22x1.jpg" /></td>
  14. </tr>
  15. <tr>
  16. <td width="1029" height="100"><img src="bg23x1.jpg" width="1029" height="100" border="0" alt="bg23x1.jpg" /></td>
  17.  
  18. </tr>
  19. <tr>
  20. <td width="1029" height="100"><img src="bg24x1.jpg" width="1029" height="100" border="0" alt="bg24x1.jpg" /></td>
  21. </tr>
  22. </body>
  23. </html>

como ves no tiene ningún secreto, obviamente se sobreentiende que los anchos y altos (en tu caso solo el alto) están bien definidos y se corresponden al tamaño de tus imágenes.
incluso podrías omitir todos los tamaños en el html, y se debería ver bien igual
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>4 x 1</title>
  6. </head>
  7. <body bgcolor="#FFFFFF">
  8. <table border="0" cellpadding="0" cellspacing="0">
  9. <tr>
  10. <td><img src="bg21x1.jpg"  border="0" alt="" /></td>
  11. </tr>
  12. <tr>
  13. <td><img src="bg22x1.jpg"  border="0" alt="" /></td>
  14. </tr>
  15. <tr>
  16. <td><img src="bg23x1.jpg"  border="0" alt="" /></td>
  17. </tr>
  18. <tr>
  19. <td><img src="bg24x1.jpg"  border="0" alt="" /></td>
  20. </tr>
  21. </body>
  22. </html>

Lo que no debés omitir, son los atributos
border="0" cellpadding="0" cellspacing="0" en la tabla, y declarar un Doctype Válido en la página
Saludos

Eso quedo excelente amigo, Muchas Gracias...