When i use a jpeg in a question or an answer, and take care to do a couple of carriage returns to separate the pic and the text they end up messy. Why? You can see the problem in my answer here https://help.openstreetmap.org/questions/62086/why-dont-roads-show-up-on-osm-map-in-base-camp edit:- I have fixed that one. But you can see the same text/pic problem in this Question https://help.openstreetmap.org/questions/62074/how-to-tag-emergency-exit-staircase Note while attempting to get this jpeg I found that with different display sizes the last word " staircase:" was only misplaced like this with the screen at some aspect ratios.. this explains our confusion. You may see something different on your screen than i do on mine:)
asked 14 Feb '18, 20:41  andy mackey edited 15 Feb '18, 21:31 showing 5 of 9 show 4 more comments |
One Answer:
Try editing it so that the image is after all the text? Currently the bit that loads the image is I've just tried doing what you said (typing in the text, pressing return twice, then inserting an image) and it worked OK for me? answered 14 Feb '18, 21:08  SomeoneElse ♦ edited 16 Feb '18, 07:24  aseerel4c26 ♦ I thought i had done that in the first place. Thanks I tried again and it's OK now. (14 Feb '18, 23:24) andy mackey I just posted another Jpeg and had to reposition "shown ![alt text][1]can" after the text, for some reason it places itself part way through the text, I had to cut and paste to reformat it. (15 Feb '18, 09:10) andy mackey I have highlighted an important part: pressing return twice. It is important to have a line break or a paragraph end after the text (before the image). If you instead separate the text and image only by a newline or even only a space, the image is in the same line as the last text word. This leads to the effect that the image will be placed in the same text line if the image fits horizontally. Having the image in the same line leads to a line hight of the image high to fit the image and because it is apparently standard (or set via our css) the text is at the bottom of that high line which looks very strange. If the image does not fit in the same line then everything look quite okay. That fitting depends on the user's font and windows sizes, so a clear markup should be preferred. Does have strange effects: Works (two spaces before the newline): Works too: (16 Feb '18, 07:32) aseerel4c26 ♦ Thank you both. Sometimes a picture saves a thousand words :) (16 Feb '18, 08:00) andy mackey |
Related Question https://help.openstreetmap.org/questions/11589/how-do-i-put-a-screen-image-into-a-question
what is your plan in that answer text? To first have the text and then, below, the image?
I tried to put the text first followed by the Jpeg, but the reverse would be ok. the overlap was the problem.
@andy mackey: I could not ever see a overlap. A screenshot might help.
If you look at this question you will see the final word "staircase:" is misplaced to the bottom of the jpeg. https://help.openstreetmap.org/questions/62074/how-to-tag-emergency-exit-staircase
@andy mackey: I do not see an image at all (the image is http only, blocked by the browser in this https context). As said, a screenshot might help. (and afterwards I will convert the image into a link to make it accessible to everybody)
I have edited the Question and whilst trying to get the text and the staircase on screen for the requested jpeg, the final word "staircase: " moved from the bottom left of the jpeg to the end of the text ( where i wanted it) above the jpeg. All very confusing. I'll post a jpeg of the forum pic ( two side by side ) after pressing ctrl + or - a few times on my win10 pc
/upfiles/Staircase_at_two_zooms.JPG
The format of the text and picture changes with display changes ( Try ctrl + or - on a Win 10 PC ) the result was the word "staircase" circled in the pics, jumps to the bottom of the picture at some stage??
meta @andy mackey: I have converted the big "two screenshots" image into just a link... fits better here in the comments. ;-)