Montag, 12. August 2024

Meine Reise zum perfekten Bildlayout: Der Kampf mit dem Blogger-Editor und der Triumph über die Bildreihen!

Kennt ihr das Gefühl, wenn man etwas unbedingt machen will, eine klare Vorstellung davon hat, wie es aussehen soll, aber egal was man probiert, es klappt einfach nicht?

Roboter mit Licht

So ging es mir die letzten Tage. Ich wollte in meinem Blogger-Editor einen Artikel schreiben, bei dem mehrere Bilder in einer Reihe stehen. Aber Blogger schien sich mit allen Mitteln dagegen zu wehren! ?


Erste Erfolge und neue Herausforderungen

Nach einigem Herumprobieren entdeckte ich, dass man die Bildgröße direkt im Editor ändern kann. Ein kleiner Sieg! ? Aber es war immer noch nur ein Bild pro Reihe. Frustriert tippte ich neben einem Bild auf die Backspace-Taste, und plötzlich - BAMM! - zwei Bilder standen nebeneinander.

Steampunk EinhornRegenbogen Bulle

"Echt jetzt? So einfach?", dachte ich mir. Nach zwei Tagen des Grübelns über HTML und CSS?

Aber ich wollte mehr als nur zwei Bilder in einer Reihe! Also tauchte ich erneut in den HTML-Modus ein und suchte nach der Stelle, an der die Bildgröße festgelegt wird. Und ich fand sie! Schnell die Größe weiter reduziert... drei Bilder! Wir kamen dem Ziel näher.

Regenbogen EselRegenbogen ElefantRegenbogen Drache

Das Rätsel um "1em"

Weiter ging es mit dem Code-Studium, bis ich auf "margin" stieß. "Rand", erinnerte ich mich vage. Aber was um Himmels Willen war dieses "1em"?! ?

Schnell wechselte ich zu meinem treuen Begleiter, dem Gemini Chatbot, und fragte nach. Die Antwort, kurz gesagt: Es ist der Abstand zwischen den Bildern. (Hier könnt ihr die ausführliche Antwort von Gemini nachlesen: [Link zur Erklärung von 1em beimMargin]) Natürlich habe ich das "1em" entfernt, und endlich hatte ich vier Bilder in einer Reihe!

Regenbogen TeddybärRegenbogen AlpakaRegenbogen EinhornRegenbogen Fisch

Der Weg ist das Ziel

Jetzt möchte ich noch den weißen Rand um die Bilder entfernen, aber das ist eine andere Geschichte... ? Für heute möchte ich euch zeigen, wie ich den Code geändert habe, um endlich mehrere Bilder nebeneinander anzeigen zu lassen.

Und so geht's:

[Hier bearbeite ich noch die Erklärung des HTML-Codes ]

Diese kleine Odyssee hat mir wieder einmal gezeigt, dass der Weg zum Ziel manchmal steinig sein kann. Aber mit Geduld, Ausdauer und ein bisschen Hilfe von meinem KI-Freund Gemini kann man jede Herausforderung meistern. ?

Ich bin gespannt, was ich als Nächstes lernen werde auf meiner Reise, um meine kreativen Visionen mit Text-zu-Bild-Generatoren zum Leben zu erwecken. 

so sieht mich die KI
keine Geschichte hierzu ... oder doch ?
Leonardo.ai oder creator.nightcafe.studio (ich hab es leider Vergessen und finde die Option nicht mehr) hatten eine Möglichkeit, Fotos von Personen mit vordefinierten Prompts zu verändern. Dieses Bild war eines von 4 lustigen Ergebnissen.


Keine Kommentare:

Kommentar veröffentlichen