CODEWITHSUNDEEP
htmlcssgoogle-chromewebkit
Jack
Jack

Reputation: 9784

Strange artefact appearing in my HTML in Chrome/Webkit (with screenshots and live example)

I'm a bit puzzled by this strange artefact being left in my HTML - here's a very zoomed-in screenshot:

Strange HTML artefact

I circled it in red - it's this strange small line. But I cannot track down where on earth it's coming from.

I have a section of the code on JSFiddle to reproduce the bug - can anyone work out where it's coming from and how I can get rid of it? Here's the code on JSFiddle: http://jsfiddle.net/xfmV9/

I'm using Google Chrome Dev, but the problem doesn't seem to appear in Firefox...

Thanks!

Upvotes: 0

Views: 260

Answers (2)

pleasedontbelong
pleasedontbelong

Reputation: 20102

it's just an space inside your <a> after the <img>

check this http://jsfiddle.net/xfmV9/2/

Upvotes: 1

tonycoupland
tonycoupland

Reputation: 4247

Could it be an underline from a space within your anchor tag? Try stripping the white space (newline and spaces) within your anchor tag.

As in this new Fiddle - http://jsfiddle.net/g2G7P/

Upvotes: 2

Related Questions