Spacing between hotlinked remote vs. local images


(Tomo Vukasović) #1

Is this normal to have no space between images?


(cpradio) #2

Put two spaces after your image tag, then the new line will appear.

Welcome to Markdown!


(Tomo Vukasović) #3

The craziest thing is that spaces magically appear later on.


(Jeff Atwood) #4

More generally, if you
Want
Spaces
Between
Things

Put paragraphs there.

Like this.


(Tomo Vukasović) #5

I do such, but nothing happens once post is added. No spaces.

After several minutes it suddenly has space. Am I tripping?

  • this happens only with images

#6

I agree that images behave strangely.

This:

<img src='//discourse-meta.s3-us-west-1.amazonaws.com/original/3X/b/6/b6e528131031bb8e8df149e5679ccc4c8d7fd282.jpg'>
  
<img src='//discourse-meta.s3-us-west-1.amazonaws.com/original/3X/3/e/3e981db2187290ce73eee98331fd9182e2df56da.jpg'>

Produces this:

EDIT: And as @Webinsane says:

The craziest thing is that spaces magically appear later on.


(Kane York) #7

Hmmm…

//discourse-meta.s3-us-west-1.amazonaws.com/optimized/3X/b/6/b6e528131031bb8e8df149e5679ccc4c8d7fd282_1_690x388.jpg
//discourse-meta.s3-us-west-1.amazonaws.com/optimized/3X/3/e/3e981db2187290ce73eee98331fd9182e2df56da_1_690x460.jpg

18:06 Pacific time: The images are two <img> tags with a <br> between them


#8

Here’s what I’m seeing so far:


(Luke S) #9

And still no spaces, 3 hours in.


(Mittineague) #10

And if you edit it to append some text or rebuild the HTML?


(Tomo Vukasović) #11

Major problem with this issue is that user thinks he/she is doing something wrong. So they keep adding spaces and re-uploading photos to make it with space. Even preview shows images without any space. I am not sure when and how automatic render happens, but it solves the problem. I have enabled storing remote images locally and crawl is checked to insert the correct width and height dimensions.


(Scott Trager) #12

I see spaces…


#13


Does not have any space inbetween for me.


(Jeff Atwood) #14

Just to be clear , this:

<img bleh>

<img bleh>

Is conceptually the same as typing

<p>
  <img bleh>
</p>
<p>
  <img bleh>
</p>

That’s two explicit paragraphs there!


#15

Any explanation about what’s going on then with Markdown?


(Jeff Atwood) #16

Is your complaint that the preview does not exactly match the final rendered post to the pixel? Because as I explained:

this is one paragraph

and

this is

two paragraphs


#17

No, the problem is that the final rendered post often does not have a space between the images. (I don’t know if a “space” would normally be a </br> or a <p> break.) But in the final rendered post the images are sometimes stuck together with no vertical space. Sometimes it seems to fix itself slightly afterward, sometimes not. Please see:

That’s how it rendered my final post with the following Markdown:

````https://farm8.staticflickr.com/7547/15835955530_730a93fd14_b.jpg
Later, a space appeared between the images. But on my own site, a similar post still has the images stuck together.

(Kane York) #18

Stuck together is a <br>. With a space is <p>.


#19

OK, thanks. So I would expect a blank line between image links (just the direct URL, not an <img> tag) in Markdown to be interpreted as a <p>.


(Jeff Atwood) #20

Well, let’s see


<img src="//discourse-meta.s3-us-west-1.amazonaws.com/original/3X/e/f/efb52cd486c811c237fa02134a4d38b6bdf1a743.gif" width="149" height="187"> 
<img src="//discourse-meta.s3-us-west-1.amazonaws.com/original/3X/e/f/efb52cd486c811c237fa02134a4d38b6bdf1a743.gif" width="149" height="187"> 

<img src="//discourse-meta.s3-us-west-1.amazonaws.com/original/3X/e/f/efb52cd486c811c237fa02134a4d38b6bdf1a743.gif" width="149" height="187"> 

<img src="//discourse-meta.s3-us-west-1.amazonaws.com/original/3X/e/f/efb52cd486c811c237fa02134a4d38b6bdf1a743.gif" width="149" height="187">