3 replies [Last post]
websitesbydoug's picture
Offline
Joined: 03/05/2010

I have need to create grid of images added to node. I am using same cck field and image cache presets. Images are currently stacked 6 on top of each other; I would like 3 wide and 2 deep. Could you please share css and I'll add to custom.css If I need to pay for your time, I understand; please share price. Thank you.

Rob D.'s picture
Offline
Joined: 04/09/2008

Hi Doug,

If I'm understanding you correctly, I think you should be able to add the following CSS to get the desired effect:

.field-field-image .field-item {
margin-bottom: 10px;
margin-left: 10px;
float: left;
}

However, the way this grid is displayed will depend on the width of the images and the width of the content area, so you may need to adjust in Imagecache settings in order to get the 3x2 effect, and you may need to adjust the margins for preferred spacing. There's no way to just set a 3x2 grid up with CSS. It'd require tables and thus additional theming with the Content Templates module. But CSS is the way to go unless you have special requirements that demand a table.

websitesbydoug's picture
Offline
Joined: 03/05/2010

Tried that; did not work. I understand about 3x2.

I created content type, added cck group and field (group: media & field: images) and now I need images to be non-vertical.

Thanks for help.

Rob D.'s picture
Offline
Joined: 04/09/2008

Hi Doug,

You will have to float the images to the left, but maybe there's different classes. Do you have the site somewhere I could look at it?

Support hours: 9AM - 5PM EST, Mon - Fri

Follow us on: