Bild positionieren

Rick

Hallo,
gibt es mittlerweile eine Möglichkeit, ein Bild, welches mit der Funktion "Bild" eingesetzt wurde
in der Höhe zu verschieben?
Dieses Bild soll etwas tiefer...

Grüße Rick

ThM

Hallo Rick,

mit etwas css zusätzlich sollte es funktionieren:

Dies ist der originale CSS Quellcode für die Grafik:

CSS

div.zpRow div.zpColumn img.singleImage {
    max-width: 100% !important;
    height: auto !important;
}

Wenn Du diesen CSS Quellcode nun um eine Zeile (margin-top) ergänzt, kannst Du die Grafik pixelgenau nach unten verschieben. Den Pixwelwert musst Du an Deine Bedürfnisse anpassen:

CSS

div.zpRow div.zpColumn img.singleImage {
    max-width: 100% !important;
    height: auto !important;
    margin-top: 40px !important;
}

Das einzige wo ich mir nicht sicher bin ist, ob es nicht auch reichen würde einfach nur die margin-top Anweisung als zusätzliches CSS hinzuzufügen, also so:

CSS

div.zpRow div.zpColumn img.singleImage {
    margin-top: 40px !important;
}

Vieleicht gibt es aber auch noch eine elegantere Lösung.

Rick

Hi, danke für den Tipp.

An was ich aber noch scheitere, ist der Einfügeort für das CSS. Das Widget BILD hat keine Funktion dafür.
Muss ich jetzt im Quelltext die Stelle für das Bild suchen?

Grüße

Uwe Keim

http://docs.zeta-producer.com/eigenes-css-einfuegen.html

Rick

Hallo Herr Keim,
das hatte ich schon gelsen. Aber ich muss zugeben, so ganz ist mir immer noch nicht klar wohin mit der Code-Zeile.

Ist mir ja schon etwas unangenehm...

Wenn ich nur ein bestimmtes Bild tiefer platzieren möchte ( das hier ), wie muss ich da vorgehen.

Danke für die Hilfe.
Grüße

Jan

Hallo Rick,

Code

div#a2070 {
margin-top: 150px;
}

Dann betrifft es wohl auch nur diesen Artikel (2070) .. ohne Gewähr

Mit freundlichem Gruß, Jan

Rick

Hi,
die Angabe "Artikel 2070" hat mir geholfen; ich hatte Probleme mit dem Prinzip das dahinter steckt.
Und es hat auch geklappt.

Danke

Rick

Als Idee...

https://community.zeta-producer.com/Thread/6551-In…lnummernangabe/

Bild positionieren

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?