Размещение фотографий в сетке (HTML)

Question

Я уже некоторое время пытаюсь закодировать эту страницу , но моя самая большая проблема в том, что я не могу получить идеальное расположение фотографий. По какой-то причине в каждом <td> есть небольшая нижняя подкладка, которая все портит.

Вот код таблицы:

<table>
    <tr>
        <td rowspan="2" style="height:353px;"><img src="danoconnor/img/photography/farm.jpg" height="353" width="470" alt="Farm" /></td>
        <td><img src="danoconnor/img/photography/paragliding.jpg" height="190" width="254" alt="Paraglider" /></td>
        <td rowspan="2"><img src="danoconnor/img/photography/cristo.jpg" height="353" width="230" alt="Cristo Redentor" /></td>
    </tr>
    <tr>
        <td><img src="danoconnor/img/photography/u2.jpg" height="154" width="254" alt="U2 at Fordham University" /></td>
    </tr>
</table>

У меня вопрос: как мне сделать фотосетку такой:

Answer 1

Если вы не используете css, вы все равно можете сделать это, изменив тег открывающейся таблицы на:

<table cellspacing="0" cellpadding="0" border="0">

Я бы также добавил valign = "bottom" к последнему тегу td, чтобы убедиться, что под ним нет места:

<tr>
    <td valign="bottom"><img src="danoconnor/img/photography/u2.jpg" height="154" width="254" alt="U2 at Fordham University" /></td>
</tr>