Darstellungsprobleme beim Hive-Frontend? =/= Display problems at the Hive frontend? GER-ENG

in Deutsch D-A-CH3 days ago

Hallo alle zusammen!

In der letzten Zeit habe ich immer wieder feststellen müssen, dass meine Blog-Beiträge nicht ganz so dargestellt werden, wie ich es eigentlich geplant hatte. Insbesondere bei der Darstellung der Fotos und Bilder gibt es einige kleine Probleme, die ich mal kurz ansprechen wollte.

Angefangen hatte es vor einigen Monaten, als ich gemerkt hatte, dass unter dem eingefügten Fotos keine leere Zeile mehr gelassen wurde und der folgende Text unmittelbar darunter anfing. Das Problem ließ sich leicht lösen, in dem ich den Platzhalterbefehl < / b > eingegeben hatte.

Vorher war dies nicht nötig, aber es nervte zum Glück auch nur ein klein wenig.

Seit ein paar Tagen merke ich nun, dass die folgende Zeile über und nicht unter dem Bild steht. Auch das lässt sich beheben, in dem ich vor dem Text noch eine Leerzeile eingebe. Aber alle früheren Beiträge scheinen nun dieses Problem zu haben, wie ich euch im nächsten Bild mal zeigen will.

image.png

Dieses Bild stammt aus diesem Beitrag, welcher unter hive.blog genau so zu sehen ist. Bei Peakd gibt es diesen Glitch nicht, was sehr interessant ist.

Weiß jemand vielleicht, warum das liegen könnte? Wie gesagt, für zukünftige Beiträge kann ich esja selber verhindern, dass der Text über das Bild rutscht. Aber in vielen anderen früheren Beiträgen sieht es leider alles jetzt etwas verschoben aus.

Nun ja, man wundert sich halt und das führt dann eben zu Fragen und neuen Beiträgen. Und hoffentlich auch zu Antworten, die einen befriegen und ruhig stellen.

Euch allen einen wundervollen Tag. Beste Grüße aus dem Fernen Osten!

blog-ende.png

ENGLISH

Hello everyone!

Recently, I've noticed that my blog posts are not being displayed quite as I had planned. Especially when it comes to displaying photos and images, there are a few small problems that I wanted to address here.

It all started a few months ago when I noticed that no space was left under the inserted photo and the text immediately underneath it. But this problem was easily solved by entering the placeholder command < / b >.

This was not necessary before, but fortunately it was only a little annoying.

A few days ago I noticed that the text line which should be below the image is now above. This can also be fixed by adding a blank line just before the text. But all previous posts now seem to have this problem too, as I will show you in the next imag

image.png

This image is from this post. This is how it looks on hive.blog. Peakd does seem to have this glitch, which is very interesting.

Does anyone know what could be the reason for all this? As I said, for future posts I can prevent the text from sliding over the image myself. But in many other earlier posts it all looks a bit distorted now.

Well, I just wonder and that leads to questions and new posts. And hopefully also to answers that satisfy and calm me down.

Have a great day everybody and best wishes from the Far East!

blog-ende.png

Sort:  

I believe that this problem is caused by failing to leave a blank line after the image. Which is a standard in the Markdown language. Because Hive uses Markdown for saving text. Then frontends convert it to HTML. But different frontends use different converters. So PeakD have tweaked their converter to handle the missing blank line. As have Ecency. But if you want consistent results across all frontends, you should stick to basic Markdown rules.

Unfortunately, I can't find an article that explains this on Hive. Though I know that I have read one here before. Anyway, the thing that stood out for me is that different "blocks" of content should always be separated by blank lines. So this applies to images, headings, lists etc.

Of course, many Hive frontends allow HTML as well as Markdown. But it's always risky to mix the them. So if you don't want to use blank lines around images, you can switch to the < IMG > tag instead.

By the way, I checked the Edit History for your earlier post. And it shows that the corrected image is due to adding a blank line. Both versions have that < b / > HTML tag. Which is meaningless in that context and it's ignored by the frontend.

I think I just need to leave out the < b / > code and things will be fine. I started adding it some months ago because there was no space line under my photos, and that actually helped.

In that case, change the b/ to br/ and all will be good. The HTML tag for line break is br. Some interpreters insist on a closing /. But that's increasingly rare. So < br > without the spaces is the usual way to put a new line in Markdown without actually pressing Enter twice.

And I thought this stuff I've learned would never be useful! Thank you for the opportunity to flex my old grey cells.

!BBH

thanks for the head-ups. however, I am still wondering why things keep changing. but well, that is the pinch of salt in the soup of life:)

I can only assume that it's something to do with changes to the Hive blog source code. But checking that code is well beyond my capability.


Your comment is upvoted by @topcomment
image.png

More info - Support @topcomment - Discord

That is what I figured too. But it wasn't a problem until recently, so I am wondering what has changed. But well, I guess I won't change my older post accordingly and will have to live with the fact that they all will look a little disfigured :)

Thanks for stopping by and bringing things into the right perspective!

Also < / b > ist in HTML das schließenden Tag für < b > was wiederum für Bold steht.

< br / > ist ein Break. Wobei nur nach dem r ein Leerzeichen kommt.

Thanks for writing this. I love technical challenges and I enjoyed commenting here. Which inspired me to write about blogging and programming . So I'm rewarding your inspiration by making you a beneficiary of that post.

I have to thank you for you taking some time to clarify some things. appreciate it!

Wer hive.blog noch verwendet, hat die Kontrolle über sein Leben verloren :)

das haben wohl alle hier!