phpwcms Support Forum

daniel.grant wrote:Probably something to do with your template.

Code: Select all

<!--IMAGES_ENTRY_SPACER_START//--><!-- space between images "{SPACE}px" --><!--IMAGES_ENTRY_SPACER_END//-->

daniel.grant wrote:Yeah you just edit the default template (template/inc_default/images.tmpl) or create your own (template/inc_cntpart/images/) - no hack.

<!--IMAGES_HEADER_START//-->

[TITLE]<h1>{TITLE}</h1>[/TITLE]
[SUBTITLE]<h2>{SUBTITLE}</h2>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]

<div class="images" id="images{ID}">
<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->
	<div class="imageEntry" style="float:left;padding:5px;border:1px solid #CCCCCC;margin:5px 5px 0 0;">
		{IMAGE}[CAPTION]
		<p style="margin:3px 0 0 0;">{CAPTION}</p>[/CAPTION]
	</div>
<!--IMAGES_ENTRY_END//-->


<!--IMAGES_ENTRY_SPACER_START//--><!-- space between images {SPACE}px -->{SPACER:{SPACE}x1}<!--IMAGES_ENTRY_SPACER_END//-->


<!--IMAGES_ROW_SPACER_START//--><br style="clear:both" /><!-- space between image rows "{SPACE}px" -->{SPACER:1x{SPACE}}<!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->
	<br style="clear:both" />
</div>
<!--IMAGES_FOOTER_END//-->

zuker wrote:Try this in your frontend.css

Code: Select all

.imagelisttd {
  /*	  background: #ffffff; */
	 /*border: 1px solid #006600;  */
	margin: 0;
	padding-top: 6px;
	padding-bottom: 2px;
}

/* Only the Image  */
.imagelistimg {
/*	border: 1px solid #aaaaaa; */
	background: #ffffff; 
	border: 1px solid #cccccc; 
	margin: 0;
	padding: 6px;
}

In CP images set image space: 8px
And here it is the result:

daniel.grant wrote:for images CP make changes in frontend.
for images (div) make changes to templates (be sure to select your template)

daniel.grant wrote: I don't use 'space', for me it is not useful, so I don't know. My approach is just to using padding on the containing div.
I guess the approach should be to somehow implement {SPACE} into your template layout...

Code: Select all

<!--IMAGES_ENTRY_SPACER_START//--><div style="margin-right: {SPACE}px"></div><!--IMAGES_ENTRY_SPACER_END//-->

Jensensen wrote:Hi baklavoni,

don't you want to send us a link?

Jensensen wrote: Makes no sense to speculate without not being able to analyse/view/not knowing your CSS (cause this is most likely an issue regarding to CSS as both, zuker and daniel.grant already mentioned).

Jensensen wrote: btw: there's usually no need to quote complete articles with your posts every time...)

td img {padding-bottom: 20px;}

.imageEntry {padding: 20px;}

<!--IMAGES_HEADER_START//-->
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
<div class="My_Images_Here">
<!--IMAGES_HEADER_END//-->
<!--IMAGES_ENTRY_START//-->
		{IMAGE}[CAPTION]
		<p class="imagecaption">{CAPTION}</p>[/CAPTION]
<!--IMAGES_ENTRY_END//-->
<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->
<!--IMAGES_FOOTER_START//-->
</div>
<!--IMAGES_FOOTER_END//-->

.My_Images_Here p.imagecaption {YOUR:STYLES;}

.My_Images_Here .imageEntry {padding: 20px;}

zuker wrote:...There is an[other] answer: http://forum.phpwcms.org/viewtopic.php?f=1&t=15514
You have to play with frontend.css...

Jensensen wrote:Hi,

thank you for this link. Well, there are almost tables in the source code. So, if you add to your CSS:

Code: Select all

td img {padding-bottom: 20px;}

all images within table cells will have a 20px padding but just bottom....
or

Code: Select all

.imageEntry {padding: 20px;}

Have a try and you'll notice that there appears a gap of 20pixel [in height] between your images.

claus wrote:Jensensens CSS school is OPEN - come on and sign in