HTML表格行中的图像

这让我抓狂，这可能是有史以来最愚蠢的错误

基本上我想要的是每张图片下面都有一个小盒子，上面写着它们的名字。 我想要4张照片，全部排成一行

不幸的是，这就是IE中发生的情况：

我很抱歉，这看起来非常混乱！非常感谢任何帮助

    <table style="background-color:#FFFFFF" width="100%" border-collapse:collapse>
      {section name=signups_loop loop=$signups max=4}


<a href='{$url->url_create("profile",$signups[signups_loop]->user_info.user_username)}'><img src='{$signups[signups_loop]->user_photo("./images/nophoto.gif")}'  width='169' height='172' border='0' vertical-align=bottom></a>



      {cycle name="startrow" values="<tr>,,,,"}

    <td width=201>
<div style="background-color:#809DFF; height: 25px; width: 169px; margin-top: -15px>
<font size="1" face="Tahoma" color="black"><b><div id="feat3">

 <a href='{$url->url_create("profile",$signups[signups_loop]->user_info.user_username)}'><font color="white" face="Tahoma">{$signups[signups_loop]->user_displayname|truncate:15:"...":true}</font></a></b><br></font></font></div>

      </td>
      {cycle name="endrow" values=",,,,</tr>"}
      {/section}</table>

{section name=signups\u loop=$signups max=4}
{cycle name=“startrow”values=“，，，”}
您可以尝试将相关文本与图像一起放置在一个容器内，并使用浮动左值

e、 （我并没有对此进行测试，但希望能有所帮助）


{section name=signups\u loop=$signups max=4}
这是向前迈出的一步！现在唯一的问题是它是一列而不是一行！好的，我看到表格内容周围没有。请参阅更新的答案，并让我知道它是否有帮助。
    <table style="background-color:#FFFFFF" width="100%" border-collapse:collapse>
    <tr>
    <td>
    {section name=signups_loop loop=$signups max=4}

      <div class="imageItemWithTextContainer" style="width:169px; float:left; "> <!-- CONTAINER START -->

      <a href='{$url->url_create("profile",$signups[signups_loop]->user_info.user_username)}'><img src='{$signups[signups_loop]->user_photo("./images/nophoto.gif")}'  width='169' height='172' border='0' vertical-align=bottom></a>

      <div style="background-color:#809DFF; height: 25px; width: 169px; margin-top: -15px>
      <font size="1" face="Tahoma" color="black"><b><div id="feat3">

      <a href='{$url->url_create("profile",$signups[signups_loop]->user_info.user_username)}'><font color="white" face="Tahoma">{$signups[signups_loop]->user_displayname|truncate:15:"...":true}</font></a></b><br></font></font></div>

      </div> <!-- CONTAINER END -->

    {/section}
    </td>
    </tr>
    </table>