Zusätzliche Fotos einfügen - Problem bei mobilen Endgeräten

Post Reply
turnschuhputzer
Jr. Bludit
Posts: 4
Joined: Mon Oct 29, 2018 1:56 am

Mon Jan 21, 2019 6:56 am

Hallo Forum!

Ich nutze BLUDIT (Version 3.2) auf meiner Internetseite unter http://www.trolley-mission.de

Für meine Zwecke habe ich das Standard-Theme „BLOGX“ gemäß der CC-Lizenz angepaßt und bin soweit ganz zufrieden. Allerdings zeigt sich ein Problem bei der mobilen Darstellung. Das Script - nicht das Theme - scheint hier nicht sinnvoll zu arbeiten, da Bilder mit absoluten und nicht mit relativen Ausmaßen eingefügt werden. Oder vielleicht fehlt irgendwo nur ein entsprechender Eintrag im CSS?

Das Problem im Detail:
http://www.trolley-mission.de/de/luftbi ... -weltkrieg

Während das „Hauptbild“ (Cover) so eingefügt wird, dass es via CSS bei mobiler Darstellung ordentlich, sprich proportional, skaliert wird, ist dies bei zusätzlichen Fotos nicht der Fall.

Zusätzliche Bilder werden mit folgendem Wert eingefügt:

Code: Select all

<p><img src="http://www.trolley-mission.de/de/bl-content/uploads/pages/89406f121831f4a65cb69c2e2711b933/luftbild-heute-strassenbahndepot-mannheim.jpg" alt="Luftbild Straßenbahndepot Mannheim (Google Earth)" width="879" height="619"></p>
Dies hat zur Folge, dass die Darstellung auf mobilen Endgeräten verzerrt wird. Außerdem werden absolute Werte (width="879" height="619") eingefügt.

Könnt Ihr mir helfen, damit zusätzliche Fotos wie folgt eingefügt werden:

Code: Select all

<p><img src="neues-bild-mustername.jpg " alt="Beschreibung" title="Beschreibung" style="width: 100%;" </p>
Wichtig ist mir, dass keine absoluten Werte verwendet werden. Außerdem möchte ich zusätzlich zum Tag „ALT“ auch das Tag „TITLE“ einfügen lassen.

Muß ich etwas im php-Script von BLUDIT ändern oder muß ich lediglich im CSS meines Themes etwas einfügen?

Danke!
Turnschuhputzer
User avatar
Edi
Site Admin
Posts: 1567
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Mon Jan 21, 2019 11:44 am

Mit welchem Editor arbeitest Du?
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
turnschuhputzer
Jr. Bludit
Posts: 4
Joined: Mon Oct 29, 2018 1:56 am

Mon Jan 21, 2019 1:59 pm

Moin EDI,

als Editor habe ich den TinyMCE als Plugin aktiviert.
Es ist die Version 4.8.3.

Gruß!
Turnschuhputzer
User avatar
Edi
Site Admin
Posts: 1567
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Mon Jan 21, 2019 7:43 pm

Werden Bilder mit dem Editor TinyMCE verkleinert, werden die gewählten Werte in den Code für die Anzeige des Bildes übernommen.

Damit die Bilder sich bei kleineren Bildschirmen nicht verziehen, kannst Du das CSS ergänzen. Am einfachsten geht das mit dem Plugin HTML-Code. Dort kannst Du im Bereich Site Head folgendes eingeben:

Code: Select all

<style>

img {
   height: 100%;
}

</style>
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
Post Reply