Ya que estás usando una tabla, te lo hago con una tabla.
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <table border="0" cellpadding="0" cellspacing="0" width="1029" height="400"> <td width="1029" height="100"><img src="bg21x1.jpg" width="1029" height="100" border="0" alt="bg21x1.jpg" /></td> <td width="1029" height="100"><img src="bg22x1.jpg" width="1029" height="100" border="0" alt="bg22x1.jpg" /></td> <td width="1029" height="100"><img src="bg23x1.jpg" width="1029" height="100" border="0" alt="bg23x1.jpg" /></td>
<td width="1029" height="100"><img src="bg24x1.jpg" width="1029" height="100" border="0" alt="bg24x1.jpg" /></td>
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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <table border="0" cellpadding="0" cellspacing="0"> <td><img src="bg21x1.jpg" border="0" alt="" /></td> <td><img src="bg22x1.jpg" border="0" alt="" /></td> <td><img src="bg23x1.jpg" border="0" alt="" /></td> <td><img src="bg24x1.jpg" border="0" alt="" /></td>
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