Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Bild im paralaxx Element skalieren
Guten Abend, ich habe ein Element auf meiner Webseite eingefügt, wo links einfach ein Blocktext und rechts ein Bild habe ( eingefügt in dem Code als url). Leider wird das Bild nach dem Einfügen des Urls ungünstig platziert, so dass die Ansicht nicht so ist, wie wir es wollen.
Wie kann ich die position des Bildes im / durch code verändern, so das nicht nur ein teil davon, aber die ganze vorschau in dem element angezeigt wird? bild verkleinern / vergrößern bringt nichts
danke agnieszka

Da das Projekt noch nicht ganz fertig ist- anbei ein Screen wie das Element ausschaut. der Teil rechts hat ein paralaxx Effekt. Zusätzlich füge ich die Codierung ein, sowie das Bild, wie es eigentlich dargestellt werden sollte. Danke Euch. Agnieszka
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!-- tile parallax with left image -->
<div class="hs-fullwidth bg-section rel is-parallax" style="background: url('https://s2.imagebanana.com/file/181203/VWvbtV5k.jpg') no-repeat center">
<div class="hs-overlay dark-blue mobile-overlay" style="width:50%; opacity:1; left:0; right:width auto;">
</div>
<div class="inner rel color-white m-padding cc-clearover position: absolute; left: 0" style="padding:150px 0; padding-top:50px;padding-bottom:5px;">
<div class="hs-left-50 color-white">
<div class="gutter-10 clearover">
<div class="mobile-left">
<h1 style="position: absolute; left: 10; color:#ffffff;">
KIEZGÄRTNERN
</h1>
<br />
<br />
<p>
<br />
<br />
Ob Baumpflanzung mit den Kindern oder dem Schutz von Elefanten. Um unsere Umgebung ökologischer und nachhaltiger zu gestalten, unterstützen wir naturbezogene Initiativen im
jeweiligen Kiez und führen eigene Aktionen durch.
</p>
<br />
<br />
<br />
</div>
</div>
</div>
</div>
</div>
|addpics|n08-1-7d97.png,n08-2-8708.jpg|/addpics|
Es geht mir darum, die rechte Grafik aus dem Screenshot- das 'Lets do things' Bild gänzlich in dem paralaxx Element darzustellen , nicht nur einen Ausschnitt davon. Ich habe bereits versucht die Größe des Bildes zu ändern bzw seine Position in dem code zu ändern/definieren. Alles ohne Erfolg-der dargestellte Ausschnitt entspricht nicht dem ganzen, von mir ausgesuchten Bild, das ich auf der Webseite darstellen möchte. Ich bin mir halt nicht sicher, nach welchen Kriterien das gewählte Webseiten Baukastenelement die eingebetteten Fotos darstellt, wie es skaliert wird. Das Bild wurde durch eine url in den Elementcode eingefügt. Über Eure Ideen freue ich mich. Agnieszka


kann man es mit dem 'padding' class irgendwie verschieben, oder gibt es empfohlene/optimale bild größen die für so ein element vorgeschrieben sind? ich bin ziemlich ratlos, es muss doch irgendwie gänzlich darstellbar sein, oder aber ist es so bei den paralaxx Elementen, dass die Bilder nur ausschnittsweise angezeigt werden, und der ausschnitt an die Seite angepasst wird?
ich habe auf der Seite ein zweites paralaxx Element- 'fullwidth image with parallax effect and overlay' , da wird das ganze bild angezeigt.
ja ich weiß, leider ist das projekt noch nicht ganz 'öffentlich' daher habe ich absichtlich keinen link hinzugefügt- das element ist ähnlich zu dem hier dargestellten 'half fullwidth' nur rechts ist halt ein paralaxx bild hinzugefügt:
https://www.matrix-themes.com/support/custom-widgets/

Du kannst Dich damit mal an den Matrix-Support wenden. Die können Dir bestimmt helfen. Tipp: das HG-Image ist viel zu groß, das solltest Du dringend verkleinern:
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

ok, das ist logisch: die Einstellung ist für background-size ist "cover", dh. das Bild wird auf die Fenstergröße vergrößert. kleineres Bild = kleinerer Ausschnitt. Der Fall ist nicht einfach zu lösen. Vielleicht würde sich ein Bild mit 1/2 transparenter Fläche (links) per CSS korrekt positionieren. background-size müsste dann statt "cover" "100vw 50vw" sein...
...das hab ich aber noch nicht getestet.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!