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

Post Reply
turnschuhputzer
Jr. Bludit
Posts: 6
Joined: Mon Oct 29, 2018 1: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: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Mit welchem Editor arbeitest Du?
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
turnschuhputzer
Jr. Bludit
Posts: 6
Joined: Mon Oct 29, 2018 1:56 am

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: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

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>
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
Post Reply