Seite 1 von 2

Bilder im Beitrag nebeneinander

Verfasst: Fr 26. Feb 2021, 22:24
von tups
Hallo Kirk,
Ich nutze phpbb3.3.3
PHP 7.4

Ich habe mir die Ext Inline images in attachment von bb3mobi installiert.
Quelle des Downloads https://www.phpbb.com/customise/db/exte ... ttachment/
Die ist zwar für phpbb 3.1.3 und wird, wenn ich das richtig gelesen habe, auch nicht mehr weiterentwickelt. Sie läuft aber soweit, bis auf eine Kleinigkeit. Wenn ich die Ext aktiviere, werden die Dateianhänge auch super nebeneinander angezeigt. Gebe ich aber an ... "Im Beitrag anzeigen", verschiebt sich der Text links und rechts neben die Bilder.
inline.png
inline.png (185.76 KiB) 3126 mal betrachtet
Deaktiviere ich die Ext, dann stehen die Bilder zwar untereinander, aber der Text steht richtig.

Gibt es da eine einfache Möglichkeit dieses zu ändern, sodass ich die Bilder nebeneinander anzeigen kann und der Text dann auch da steht wo er hin soll?
Ich habe jetzt schon einiges durchsucht und probiert, aber irgendwie finde ich nicht die richtige Stelle.

Re: Bilder im Beitrag nebeneinander

Verfasst: Sa 27. Feb 2021, 09:21
von Kirk
Hallo
Du müsstest nach den oberen Text einen zusätzlichen Zeilenumbruch und nach den Bildern 2 zusätzliche Zeilenumbrüche machen.
Also so:
inline_images_two_line_breaks.jpg
inline_images_two_line_breaks.jpg (10.78 KiB) 3124 mal betrachtet
Im Beitrag selbst sieht das dann so aus:
inline_images.jpg
inline_images.jpg (16.81 KiB) 3124 mal betrachtet
Als Alternative könnte man dies über einen BBCode regeln und zwar so:

BBCode-Benutzung:

Code: Alles auswählen

[br][/br]
HTML-Ersetzung:

Code: Alles auswählen

<br style="clear:both;" />
Text für Tipp-Anzeige:

Code: Alles auswählen

Zusätzlicher Zeilen Umbruch

Re: Bilder im Beitrag nebeneinander

Verfasst: Sa 27. Feb 2021, 11:22
von tups
Danke für deine Antwort,
soweit war das für mich klar, ich dachte da mehr an die User, die Bilder einstellen und Text dazu schreiben. Mein Gedanke war eher, dass über Template oder css (z.B. display: inline-block) machen zu können, sodass es automatisch gesetzt ist.
Aber so kann man auch damit Leben, müssen sich die User halt dran gewöhnen.

Re: Bilder im Beitrag nebeneinander

Verfasst: Sa 27. Feb 2021, 12:29
von Kirk
Die Klasse inline-attachment steht ja breits auf display: inline-block;
Ersetze in dieser css Datei das hier:

Code: Alles auswählen

div.inline-attachment {
	display: inline-block;
}
durch das:

Code: Alles auswählen

div.inline-attachment {
	display: table-cell;
}
Danach den Foren und Browser Cache leeren!

Re: Bilder im Beitrag nebeneinander

Verfasst: Sa 27. Feb 2021, 20:09
von tups
Super, ich danke dir.
Auf table-cell wäre ich nie gekommen. Jetzt ist es wie es sein soll.
Einfach klasse.

Re: Bilder im Beitrag nebeneinander

Verfasst: Sa 27. Feb 2021, 21:20
von Kirk
Wie sich das bei mobilen Browsern auswirkt, müsstest du testen.

Re: Bilder im Beitrag nebeneinander

Verfasst: So 28. Feb 2021, 21:58
von tups
Habe grad ein paar Browser getestet, sieht alles sehr gut aus, so wie es sein soll.
Getestet: Opera- Firefox- und Samsung-Browser

Re: Bilder im Beitrag nebeneinander

Verfasst: Mo 1. Mär 2021, 20:40
von Kirk
Danke für die Rückmeldung 🙂

Re: Bilder im Beitrag nebeneinander

Verfasst: Mo 15. Mär 2021, 09:38
von tups
Hi,
ich muss das Thema nochmal aufgreifen. Ich habe jetzt durch Zufall festgestellt, dass bei mehreren Bilder, die nebeneinander angezeigt werden, kein Zeilenumbruch geschieht. Die Bilder stehen also endlos nebeneinander und es erscheint unter den Bildern dann ein Scrollbalken. Achja, die Einstellung ist, wie von dir vorgeschlagen, display:table-cell;.
In der Mobilen Ansicht ist das nicht der Fall, zumindest gibt es keinen Scrollbalken. Die Bilder werden dort alle nebeneinander angezeigt, sie werden nur immer kleiner dargestellt.
Ansicht PC
Ansicht PC
PC-Ansicht.png (335.67 KiB) 2879 mal betrachtet
Ansicht Mobil
Ansicht Mobil
Mobilansicht.jpg (152.43 KiB) 2879 mal betrachtet

Re: Bilder im Beitrag nebeneinander

Verfasst: Mo 15. Mär 2021, 17:22
von Kirk
Es liegt an table-cell nimmt man inline-block bekommst du einen Zeilenumbruch aber dafür passt dann das andere nicht. Entweder du änderst es wieder um oder nach einer gewissen Anzahl von Bildern setzt man einen br BBCode