Question

I’m using three images side-by-side, and adding a Url.Action to each one of them. The code works fine, but the images are being displayed w/ some sort of line between them. Here is my code:

<a href="@Url.Action("Subcribe", new { id = item.ID })">
    <img src="images\subscribe.png" style="border:0" alt="Subscribe" />
</a>
<a href="@Url.Action("Edit", new { id = item.ID })">
    <img src="images\edit.png" style="border:0" alt="Edit" />
</a>
<a href="@Url.Action("Delete", new { id = item.ID })">
    <img src="images\delete.png" style="border:0" alt="Delete" />
</a>

Edit – This is also happening when I tried an alternate, non-Url.Action method:

<a href="Subcribe\@item.ID">
    <img src="images\subscribe.png" style="border:0" alt="Subscribe" />
</a>

Here is how the images are displaying:

Answer 1

Try to put each image in one line:

<a href="@Url.Action("Subcribe", new { id = item.ID })"><img src="images\subscribe.png" style="border:0" alt="Subscribe" /></a>

It seems to be the underline of an space in your link. You can also add ‘text-decoration: none;’ in the style of those links.