# First link in post footer - very distracting

**URL:** <https://meta.discourse.org/t/first-link-in-post-footer-very-distracting/37726>\
**Category:** UX\
**Tags:** email\
**Created:** [11 Gennaio 2016, 8:07am UTC](https://meta.discourse.org/t/first-link-in-post-footer-very-distracting/37726 "2016-01-11T08:07:52Z")\
**Posts on this page:** 1\
**Showing post:** 26

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [15 Gennaio 2016, 11:35pm UTC](https://meta.discourse.org/t/first-link-in-post-footer-very-distracting/37726/26 "2016-01-15T23:35:40Z")

</div>

> [@sam](#):
>
> that ENOURMOUS spacing between avatar and description.

The problem there is because the avatar/username is in a table row in the same table as the post-content. The avatar/username row has two table cells but the post-content row only has one cell. On Outlook, the avatar cell in the top row is given the full width of the post-content cell from the row underneath it.

The solution is to use a nested table for the avatar/username:

```html
<table>
  <tr>
    <td>
      <table>
        <tr>
          <td class="user-avatar"></td>
          <td class="username"></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="body"><!-- post content --></td>
  </tr>
</table>

```

---

_[View the full topic](https://meta.discourse.org/t/first-link-in-post-footer-very-distracting/37726)._