Bilder in der Kursbeschreibung linksbündig ausrichten

Bilder in der Kursbeschreibung linksbündig ausrichten

von Dennis Bork -
Anzahl Antworten: 8

Hallo zusammen,

vielleicht übersehe ich etwas - dann schonmal sorry lächelnd

Ich versuche, ein Bild in einer Kursbeschreibung linksbündig auszurichten.

Das sieht im WYSIWYG-Editor dann auch gut aus:

Der Code dazu:

<div style="text-align: left;">
<p><img src="URL/platzhalter.png" alt="" role="presentation" style="vertical-align:text-bottom; margin: 0 .5em;" class="img-responsive" height="150" width="150"><br></p>
</div>


Im Browser / der Startseite sieht das dann aber so aus:


Die Ausrichtung des Bildes sollte aber links sein. Standardmäßig, wenn ich den Code nicht ändere, wird das Bild mittig ausgerichtet ...

Hat jemand einen Tipp für mich?

Viele Grüße
Dennis


Mittelwert:  -
Als Antwort auf Dennis Bork

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Stefanie Berger -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Deutsche Moodle Übersetzer

Hallo Dennis,

Du kannst die Ausrichtung eines Bildes angeben, wenn du es über den Button "Bild einfügen" gehst. Das sieht dann so aus und funktioniert eigentlich auch gut. Dein Code deutet darauf, dass das Bild per Textausrichtung links befehligen willst.

Wie gehst du vor?

bild

Liebe Grüße
Stefanie

Mittelwert:  -
Als Antwort auf Stefanie Berger

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Dennis Bork -

Hallo Stefanie, das mache ich genau wie von Dir beschrieben - aber unabhängig ob ich das über WYSIWYG mache oder den Code von Hand ändere, das Erscheinungsbild bleibt leider wie zu sehen - das Bild bleibt mittig in der Kursbeschreibung.

Der zugehörige Code, den die von Dir bechriebene Aktion erzeugt, sieht so aus:

<img src="URL/platzhalter.png" alt="" role="presentation" style="float:left; margin: 0 .5em 0 0;" class="img-responsive" height="150" width="150">

hast Du noch eine Idee?

Mittelwert:  -
Als Antwort auf Dennis Bork

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Thorsten Rochelmeyer -

Ohne Stefanie zu sein, oder gerade einen passenden Screenshot parat zu haben ... Ich habe den Eindruck, dass der Textblock in der Kursübersicht nur die rechte Hälfte des Kastens umfasst. Linksbündig oben steht der Kurstitel, rechts davon oder darunter die zusätzlichen Infos (ist das verständlich ausgedrückt?). Das scheint vom Design her so vorgegeben zu sein.

So gesehen ist das Bild dann schon an der richtigen Stelle - bezogen auf den Textabschnitt, nur halt im Gesamtzusammenhang leider nicht dort, wo Du ihn gerne hättest. Ich habe leider nur keine Ahnung, wie man das ändern könnte.

Thorsten

Mittelwert:  -
Als Antwort auf Thorsten Rochelmeyer

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Ralf Hilgenstock -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Deutsche Moodle Übersetzer Nutzerbild von Entwickler Nutzerbild von Moodle Partner Nutzerbild von Translators

Die Fläche der Kursausschreibung besteht aus zwei Spalten. In der rechten breiteren Spalte steht der Text. In der linken eine BIlddatei, die man zur Kursbeschreibung hochladen kann.

Also nicht über den Editor das Bild einstellen. Statt dessen das Bild in der Fläche für Dateien anlegen.

Mittelwert:  -
Als Antwort auf Ralf Hilgenstock

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Dennis Bork -

Hallo Ralf,

danke - das hilft schonmal ein bisschen - allerdings kann man scheinbar die Größe des Bildes nicht kontrollieren, die bleibt bei allen Dimensionen gleich (was ja an für sich okay ist) - gibt es da noch einen Tipp?

Mittelwert:  -
Als Antwort auf Dennis Bork

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Ralf Hilgenstock -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Deutsche Moodle Übersetzer Nutzerbild von Entwickler Nutzerbild von Moodle Partner Nutzerbild von Translators

Es ist nicht vorgesehen, das Bild hier anzupassen. Am besten ein Bild gut zugeschnitten auf die Darstellung ca. 250 px Breite verwenden.  Ohne Einstellungsanpassung sind jpg und png Bilder zugelassen.

Mittelwert:  -
Als Antwort auf Dennis Bork

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Stefanie Berger -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Deutsche Moodle Übersetzer

Falls du die Möglichkeit hast, wechsle mal das Theme (ggf. nur kurzzeitig und nur kursweit) und prüfe das Bilder-Ausrichtungsverhalten dort.

Vielleicht liegt dort etwas quer (oder mittig zwinkernd).

Stefanie

Mittelwert:  -
Als Antwort auf Stefanie Berger

Re: Bilder in der Kursbeschreibung linksbündig ausrichten

von Dennis Bork -

Hallo Stefanie,

danke - das probiere ich nächste Woche mal aus und melde mich dann wieder!

Viele Grüße
Dennis

Mittelwert:  -