Disclimer

Wichtiger Hinweis: Die Inhalte dieses Blogs spiegeln meine persönlichen Ansichten, Gedanken und Überlegungen wider. Sie sind keine wissenschaftlichen Fakten oder offiziellen Empfehlungen, sondern dienen der Anregung und Information. Mein Ziel ist es, Themen rund um Künstliche Intelligenz und Technologie aufzugreifen, mögliche Gefahren aufzuzeigen und zum Nachdenken anzuregen – nicht, die Menschheit zu zerstören. 😉

Wie ich beim Blogger-Editor mehrere Bilder in eine Zeile bekomme.

Zu meinem Blogpost, wie ich mehr als 1 Bild in 1 Zeile bekomme, im Blogger-Editor.
Hier seht ihr die Bildergröße auf 150 x 150 px UND beim Elefantenbild habe ich diesen Teil entfernt : style="margin-left: 1em; margin-right: 1em;" - das Layout muss aber auf 900px eingestellt sein, sonst würden dennoch nur 2 Bilder pro Zeile angezeigt.

Esel in RegenbogenfarbenElefant in RegenbogenfarbenRegenbogenfarbiger Drache


So sieht mein HTML code aus - ich habe überall wo es unterstriche ist, die 200 auf 100 geändert.

Ihr seht, es sind auch angaben zur Originalgrösse dabei - 1024. das wird dann angezeigt, wenn man im Post auf das Bild klickt.


Bildgrösse ändern




Hier ein hübsch zusammengeräumter Screenshot des Codes.



die Erklärungen :
Text-align: center - zentriert das Bild
a href - hier kommt die url des Bildes her
img src - hier kommt die url des Bildes her

height="150" width="150"
gibt die Grösse an, die im Blog angezeigt wird.


style="margin-left: 1em; margin-right: 1em;"
der Abstand links und rechts neben den Bildern
diesen Teil kannst Du löschen,
wenn du KEINEN Abstand zwischen den Bildern wills.

Roboter mit LampeRegenbogen Teddybär





Keine Kommentare:

Kommentar veröffentlichen