Page 1 of 2
CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 16:03
by kleiner_Punkt
Hi,
ich hab ein neues phpwcms und hab da im CP Bilder eingestellt 4 Saplten mit 5px Abstand. Die Bilder werden aber alle untereinander dargestellt?! Wenn ich jetzt über CSS ein float: left; der class .image-wrapper gebe, dann sind die Bilder wenigstens schon mal nebeneinander, aber wie bekomme ich jetzt meine Abstand, den ich im CP festleget habe, hin?!? Ich möchte in unterschiedlichen CP auch unterschiedliche Abstände eintragen können?
Jemand eine Idee?
Danke
Steffi
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 17:45
by update
Vielleicht
Code: Select all
<!--IMAGES_ENTRY_SPACER_START//--><div style="float:left;width:{SPACE}px;height:{SPACE}px;"></div><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><div style="clear:both;width:{SPACE}px;height:{SPACE}px;"></div><!--IMAGES_ROW_SPACER_END//-->
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 17:59
by kleiner_Punkt
Hi Claus,
ja - das steht im Template - kommt aber nicht durch!??!
Backend Einstellungen
Position: Darüber links, max. Breite: 200, max. Höhe: 300px,
Bilder max: alle, Spalten: 4, Bildabstand: 15px
so sieht der Quellcode aus
Code: Select all
<div class="image-table" id="imgtable-id-31">
<div class="imgtable-top-left">
<div class="image-wrapper first row-1">
<a href="content/images/229c64abe66acc30c3f0d790c878a0ed.png" rel="lightbox[tTpNN]" title="Bild 1" class="image-lightbox"><img src="content/images/99d71696a7d06ecf7e79ab966356af99.png" width="200" height="200" data-image-id="39" data-image-hash="9e31de060b6be3316cd857f2110d5e9a" alt="IMG_3472v1.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bild 1</p>
</div>
<div class="image-wrapper row-1">
<a href="content/images/a408793ea1bc2919ec30ab86e25a19f5.png" rel="lightbox[tTpNN]" title="Bild 2" class="image-lightbox"><img src="content/images/820f3174aad00e173d128fc9e9070239.png" width="200" height="200" data-image-id="40" data-image-hash="6b768811488bc92143d6eef78876c8af" alt="IMG_3491.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bild 2</p>
</div>
<div class="image-wrapper row-1">
<a href="content/images/e65d98dc8465500241ced5d5590cce63.png" rel="lightbox[tTpNN]" title="Bild 3" class="image-lightbox"><img src="content/images/b00b3008d6cabdac970b96a947c6c6e9.png" width="200" height="200" data-image-id="33" data-image-hash="3565353004abe7b0a516954e775fed72" alt="IMG_3650v1.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bidl 3</p>
</div>
<div class="image-wrapper row-1">
<a href="content/images/36e0d06eff575e65dc03004a1de34157.png" rel="lightbox[tTpNN]" title="Bild 4" class="image-lightbox"><img src="content/images/71b65a360e91e8c2a514375ebdbedb49.png" width="200" height="200" data-image-id="43" data-image-hash="be5f78f78252377c2251a33ef876e62b" alt="IMG_3634v1.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bild 4</p>
</div>
<div class="image-wrapper first row-2">
<a href="content/images/f5527bd54f3648f17b7fb4d8225e66a1.png" rel="lightbox[tTpNN]" title="Bild 5" class="image-lightbox"><img src="content/images/d5f0b2949b0fcdc1f0aeb4bf8e7c9f7f.png" width="200" height="200" data-image-id="37" data-image-hash="795a00cb67d4033f5fff810a1dfbd7e7" alt="IMG_3641v1.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bild 5</p>
</div>
<div class="image-wrapper row-2">
<a href="content/images/974bd1432bb46c9cdc42f3daf8de8a3d.png" rel="lightbox[tTpNN]" title="Bild 6" class="image-lightbox"><img src="content/images/3235026fa3ed4a63b825b4710b7de04a.png" width="200" height="200" data-image-id="32" data-image-hash="6f79b53ff4f5ff96d279babaa75ed3d8" alt="IMG_3494v2.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bild 6</p>
</div>
<div class="image-wrapper row-2">
<a href="content/images/2e2507787cb47f61784d5b9e3d872521.png" rel="lightbox[tTpNN]" title="Bild 7" class="image-lightbox"><img src="content/images/e3a9a1c41703c603e094ea3b94e36dd1.png" width="200" height="200" data-image-id="42" data-image-hash="c0c850c00ebbcfd520f62a6cd0d522eb" alt="IMG_3497v2.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bild 7</p>
</div>
<div class="image-wrapper row-2">
<a href="content/images/fdd9a35bbb60e4efcc299821d3d7c24e.png" rel="lightbox[tTpNN]" title="Bild 8" class="image-lightbox"><img src="content/images/9bb0f9850b4d84a657d2756282525c05.png" width="200" height="200" data-image-id="38" data-image-hash="f3abc36ea8502afa1c8f0e76915ccb6a" alt="IMG_3544v2.png" class="image-thumb" /></a>
<p style="width:200px" class="image_caption">Bild 8</p>
</div>
</div>
</div>
Da sind keine Abstände in den Reihen - und es gibt auch keine Reihen - sondern nur 1 Spalte in der 8 Bilder untereinander angezeigt werden.
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 18:08
by update
wie sieht das Template aus? Hast Du es überhaupt ausgewählt?
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 18:10
by update
Über welchen Content Part sprichst Du denn?
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 18:19
by kleiner_Punkt
den ContentPart Bilder - mit standard Template - den ganz einfachen - nur Auflisten von mehreren Bildern
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 19:07
by update
Nimm doch einfach Bilder <div>
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 19:25
by kleiner_Punkt
ja - wäre am einfachsten, allerdings hab ich ein altes System, dass ich jetzt aktualisieren muss. D.H. ich habe VIELE CP Bilder genutzt - wenn ich die alle von Hand in Bilder div umbauen muss ...
... also jedes CP Bilder - in Div - und für jeden unterschiedlichen Bilderabstand ebenfalls ein eigenes Template ...
es muss doch irgendwie funktionieren ...
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 20:13
by update
kleiner_Punkt wrote:und für jeden unterschiedlichen Bilderabstand ebenfalls ein eigenes Template ...
Ja, wieso
das denn?
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 20:15
by update
..und nochmal: wie sieht das Template aus?
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 25. Oct 2013, 20:48
by nameless1
kleiner_Punkt wrote:Ich möchte in unterschiedlichen CP auch unterschiedliche Abstände eintragen können?
Jemand eine Idee?
ja
Code: Select all
<div style="padding-bottom: {SPACER}px;">...
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Sat 26. Oct 2013, 16:43
by Old Boy
Ich glaube, ihr habt das nicht selber probiert, oder???
Da ist das Häkchen unter Position am Ende der Zeile zu setzen, bei TABELLE... dann gehts auch wieder, zumindest bei mir!
PS
Das ist es, was mich zur Weissglut bringt, dass ein alter ContentPart umprogrammiert wird, und sich jetzt jeder Einzelne die Lösung zusammensuchen muss!
Wieso für Neues (Zeitgemässes, ohne Tabellen) nicht ein neuer CP, dann liefen die Updates ohne Probleme durch und wer was "Up to Date" haben will, der verwendet zukünftig natürlich die neuen CPs ???
Um nicht falsch verstanden zu werden, natürlich sollten alle mit der Zeit gehen, aber bei Updates ist das nicht immer sinnvoll, insbesondere, da der Kunde kein Verständnis für hohe Kosten aufbringt!
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Sat 26. Oct 2013, 18:16
by kleiner_Punkt
Old Boy,
you made my day !!!! Ein Haken bei Tabelle, man muss wirklich die Augen aufmachen
- dann klappt's auch!
genau das hab ich übersehen - vielen DANK!!!
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Sat 26. Oct 2013, 18:22
by Old Boy
Hat ja nur
13 Kommentare und
26 Stunden gebraucht, wenn das nicht fix war!
Nur die Nerven liegen immer vollkommen blank
Re: CP Bilder - Abstände zwischen den Bildern
Posted: Fri 1. Nov 2013, 18:44
by RalfB
N'abend zusammen.
Ich hab gerade mal ein update von phpwcms 1.6.528 auf phpwcms 1.6.531 gemacht und meine das sich einige (nicht alle) Bildabstände zum Text geändert haben. Kann das sein? Und wo muss dich die wider anpassen?
Beste Grüße
Ralf