weird HTML issue.. underscore between two image links...

[TechBoyJK]

http://details.at/imglinktest.cfm

There are two small icons, and you can see an underscore between them.

I didn't put that there.

In the body of the page, all I have is this code.

<a href="http://google.com">
<img src="../graphics/edit.gif" alt="edit" title="click this icon to edit your page">
</a>

<a href="http://google.com">
<img src="../graphics/delete.gif" alt="delete" title="click this icon to delete your page">
</a>


Now, If I put a BR tag between them, the underscore disappears, but they are vertically stacked.

I need them side by side. Not sure why this is happening. Happens in all browsers.

 

[jvroig]

Change this:

<a href="http://google.com">
<img src="../graphics/edit.gif" alt="edit" title="click this icon to edit your page">
</a>

to this:

<a href="http://google.com"><img src="../graphics/edit.gif" alt="edit" title="click this icon to edit your page"></a>

The underline between them is actually just the underline of the first link overshooting thanks to the whitespace char (made by the newline). Removing this whitespace removes the overshoot.