Изображения в строке таблицы HTML

Question

Это сводит меня с ума, и это, наверное, самая глупая ошибка за всю историю!

В принципе, все, чего я хочу, - это чтобы на каждой картинке была маленькая коробочка с именем.Я хочу 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>

Answer 1

Вы можете попробовать разместить соответствующий текст с изображением, внутри контейнера - с плавающим левым значением.

например. (имея в виду, я не проверял это, но, надеюсь, это поможет)

    <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>