Home/ Questions/Q 8006543
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T17:32:42+00:00

I stumbled across some bizarre behavior in Firefox 12. Consider the following HTML: <!DOCTYPE

  • 0

I stumbled across some bizarre behavior in Firefox 12. Consider the following HTML:

<!DOCTYPE html>
<img src="resources/csv.png">
<img src="resources/globe.png">
<img src="resources/clock.png">
<img src="resources/key.png">
<img src="resources/delete.png">

When this renders, I notice there’s a small space between the first and second images. If I do a “text selection” around all of the images, I see there’s a sneaky little whitespace character between them:

wtfspace

I can think of no reason for this, but my intention is to make all of my buttons links instead, so I tried that too to see if it had any effect. Here’s the new code:

<!DOCTYPE html>
<a><img src="resources/csv.png"></a>
<a><img src="resources/globe.png"></a>
<a><img src="resources/clock.png"></a>
<a><img src="resources/key.png"></a>
<a><img src="resources/delete.png"></a>

Once again, here’s the rendered output, which has been selected. Notice now there’s a space after each image:

enter image description here

Can anyone think of a logical explanation for this quirk? Is it a problem in my HTML, or perhaps a bug in Firefox? Can anyone think of a workaround, perhaps with CSS? My first instinct is to play with the margins, but I need to be IE7 compatible, which I think does not work with negative margins if I recall correctly. Thanks much.

EDIT: Oops. I forgot that a carriage return turns into a space character in HTML. Still, many thanks to the answerers. 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The white space is the carriage return. remove that and you’ll be golden!

    <img src="one.jpg"><img src="two.jpg">

    or

    <a href="#"><img src="one.jpg"></a><a 
href="#"><img src="two.jpg"></a>

    is usually how I mark it in my html when I need to get rid of that whitespace.

    • 0