Bilder im Beitrag nebeneinander

Eingeschränkter Support!
Forumsregeln
Bei Fragen zu einer bestimmten Extension sind Extension-Name und die Downloadquelle (Link) der Extension erforderlich.
tups
Offline
Beiträge: 25
Registriert: Do 16. Jul 2020, 13:27
Wohnort: Hemer
Kontaktdaten:
Feb 2021 26 22:24

Bilder im Beitrag nebeneinander

Beitrag 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) 3124 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.
phpbb 3.3.4
PHP 7.4
Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 1355
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Kontaktdaten:
Feb 2021 27 09:21

Re: Bilder im Beitrag nebeneinander

Beitrag 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) 3122 mal betrachtet
Im Beitrag selbst sieht das dann so aus:
inline_images.jpg
inline_images.jpg (16.81 KiB) 3122 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
Gruß Udo
tups
Offline
Beiträge: 25
Registriert: Do 16. Jul 2020, 13:27
Wohnort: Hemer
Kontaktdaten:
Feb 2021 27 11:22

Re: Bilder im Beitrag nebeneinander

Beitrag 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.
phpbb 3.3.4
PHP 7.4
Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 1355
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Kontaktdaten:
Feb 2021 27 12:29

Re: Bilder im Beitrag nebeneinander

Beitrag 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!
Gruß Udo
tups
Offline
Beiträge: 25
Registriert: Do 16. Jul 2020, 13:27
Wohnort: Hemer
Kontaktdaten:
Feb 2021 27 20:09

Re: Bilder im Beitrag nebeneinander

Beitrag von tups


Super, ich danke dir.
Auf table-cell wäre ich nie gekommen. Jetzt ist es wie es sein soll.
Einfach klasse.
phpbb 3.3.4
PHP 7.4
Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 1355
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Kontaktdaten:
Feb 2021 27 21:20

Re: Bilder im Beitrag nebeneinander

Beitrag von Kirk


Wie sich das bei mobilen Browsern auswirkt, müsstest du testen.
Gruß Udo
tups
Offline
Beiträge: 25
Registriert: Do 16. Jul 2020, 13:27
Wohnort: Hemer
Kontaktdaten:
Feb 2021 28 21:58

Re: Bilder im Beitrag nebeneinander

Beitrag von tups


Habe grad ein paar Browser getestet, sieht alles sehr gut aus, so wie es sein soll.
Getestet: Opera- Firefox- und Samsung-Browser
phpbb 3.3.4
PHP 7.4
Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 1355
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Kontaktdaten:
Mär 2021 01 20:40

Re: Bilder im Beitrag nebeneinander

Beitrag von Kirk


Danke für die Rückmeldung 🙂
Gruß Udo
tups
Offline
Beiträge: 25
Registriert: Do 16. Jul 2020, 13:27
Wohnort: Hemer
Kontaktdaten:
Mär 2021 15 09:38

Re: Bilder im Beitrag nebeneinander

Beitrag 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) 2877 mal betrachtet
Ansicht Mobil
Ansicht Mobil
Mobilansicht.jpg (152.43 KiB) 2877 mal betrachtet
phpbb 3.3.4
PHP 7.4
Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 1355
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Kontaktdaten:
Mär 2021 15 17:22

Re: Bilder im Beitrag nebeneinander

Beitrag 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
Gruß Udo
Antworten

Wer ist online?


Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast