Making posts which contain two columns. / Vefassen zweispaltiger Artikel.
Again and again I have been asked how to write articles which consist of two or more columns. Thus I am explaining it again and again (and I am happy to contribute a little bit to the success of the community by doing so).
Two or more columns can be inserted by utilizing HTML-tables, which look like this:
That's it. :) In case you are interested, here are a few other HTML tags which I also use rather often:
Of course these are just very few examples for possible html tags. You can find more formatting options here. I prefer to use the "Raw HTML" editor when writing Steemit articles, but also the 'markdown' editor recognizes HTML. Have fun practicing the above! :) |
Wieder und wieder werde ich gefragt, wie man zwei- oder mehrspaltige Artikel verfasst - wieder und wieder erkläre ich es (wobei es mir durchaus Freude macht, damit ein kleines bisschen zum Erfolg der Community beitragen zu können).
Zwei oder mehr Spalten können mit Hilfe von HTML-Tabellen eingefügt werden, die folgendermaßen strukturiert sind:
Das ist alles! :) Falls ihr euch für andere HTML-Tags interessiert, die ich des Öfteren nutze, hier eine kleine Auswahl:
Das sind natürlich nur einige wenige Formatierungsoptionen. Weitere Möglichkeiten finden sich here. Ich selbst bevorzuge für meine Steemit-Artikel den "Raw HTML"-Editor, aber auch der 'markdown'-Editor erkennt HTML-Befehle. Viel Spaß beim Ausprobieren! :) |
@jaki01 got you a $1.57 @minnowbooster upgoat, nice! (Image: pixabay.com)
Want a boost? Click here to read more!
Wenn du deinen Artikel über den Link öffnest oder F5 drückst, während das Popup angezeigt wird, wird es ganz anders dargestellt. Bei der Prüfung deines Codes habe ich gesehen, dass du einige <p> Elemente schließt, aber nicht öffnest, daher könnte das Problem kommen ;)
Ansonsten eine gute Hilfe für die HTML-Einsteiger :)
Zum Schnellen finden solcher Sachen würde ich dir https://validator.w3.org empfehlen!
Danke - hab jetzt mal manuell durchgeschaut, müsste eigentlich jetzt alles in Ordnung sein.
Das ist halt ein ziemliches Gefriemel, da der Artikel HTML-Tags (Quelltext) anzeigen soll, ohne dass sie eine formatierende Wirkung haben (andere Tags sollen aber tatsächlich formatieren). Dazu kommt, dass ich vom Urlaubsaufenthaltsort mit sehr langsamer Internetverbindung eingeloggt bin, so dass auch Aktualisierungen nur langsam geladen und angezeigt werden ...
Jo, sieht jetzt in Ordnung aus :) Ich kann das verstehen, habe in meinem letzten Artikel auch ziemlich zu kämpfen gehabt, um das so perfekt hinzukriegen, wie es jetzt aussieht. Hatte am Ende des kürzeren Textes ein paar <br> eingefügt, damit der Text nach oben rutscht und in gleicher Höhe wie die linke Spalte angezeigt wird. Echt ein Kampf mit diesem Editor.
Der 'Validator' meckert übrigens immer noch, aber ich habe jetzt nicht genug Zeit (und bin einfach mal stur der Meinung, jedes p auch geschlossen zu haben, obwohl Software ja bekanntlich immer Recht hat und 'Biobrains' wie ich sich immer irren, haha). Danke noch mal für deinen Hinweis! :)
Ja zu Ernst sollte man den Validator auch nicht nehmen. Der ist ziemlich streng und meckert wegen jeder Kleinigkeit. Die meisten Fehler dort sind von der Steemit-Seite selbst :)
These are the formattings I have been looking for, where have you been all my Steemit life @jaki01, btw appreciate it, this is a BIG help. Cheers!
Great and helpful post, particularly with the example of a very good reason to use two columns.
I'm outta VP atm, but will resteem as a token of my esteem =)
Edit: one of the complications of posting in two languages is links. I don't speak German, so the link to the HTML primer was less useful to me than an English language link. Clearly, there is more involved to posting multiple languages than just translating text, and that is a pretty good example of the kinds of additional considerations that apply.
Thanks again!
Thanks, I will just add another link (actually my wrong memory told me that SELFHTML was written in English language). :)
Wow..another nice post with very good aricle from @jaki01
Your post includes very useful to me...
Upvoted abd resteemed with my followers
Hapoy steeming..keep it up post..
Cheers!..
Thanks! :)
Great! Now I can share your post to whom asked me!!
I will resteem it tomorrow or after for more visibility :)
Can you tell me how to upload images side to a paragraph or adjacent to each other. I really wonder how to doit.
Just upload the image in one column of a table row and write the text within the other column of the same row.
ok, thanx for you reply.
Great html information..
upvote and resteem
Dankeschön für die tips! Muss auch endlich mal umsteigen... kenn mich leider nur nicht sooo gut aus! :/ Habs mal abgespeichert :)
Oh wow, danke für den hilfreichen Post und die super Erklärung! Werde das sicher mal in meinen Posts anwenden. Thank you!