Forums

Fixed Size of Layout Cells

Permalink
Hi there,

ATM I try to create a little page for my photography, but I stuck at creating an gallery-overview (from this side you can go to the specific galleries). It should look like:
[Preview-Image] [Description-Text]
[Description-Text] [Preview-Image]
[Preview-Image] [Description-Text]
And so on, you can see here:http://brandt-photography.de/index.php/gallerie/...

The preview images are everytime the same size (300x300), but not the content-blocks of the gallery descirptions. So I edit the marging/padding, till it looks equally. I was happy and this evening I open the website on my normal computer and *suprise suprise* it looks like a piece of shit.
My question: Can I set the cells of an layout to a fixed size like 300*300?

Regards,
Robin
RobinB
 
mkly replied on at Permalink Best Answer Reply
mkly
Hey Robin,
Layouts are kind of wacky in general. You might want to try and do this in the "Content" block instead with a design.

Ok, I'll do my best to explain.

First add a content block. Enter in the text for this content block and save it.

Then click on the block and select "Design".

Select the "Background" tab and select your image.

Select the "Spacing" tab and enter 300px into the "Padding"->"Left" field. Not the margin section. The Padding section.

Click Save.

This will work for your left image offsets. For the right image offsets.

Add a content block below the above one you just added. Enter in the text like above.

Click on the block and select "Design"

Select the "Background" tab and select your image.

Select the "Spacing" tab and this time enter 300px in the "Padding"->"Right" field.

Now because the image is placed in the top left by default we'll have to override the css.

Click the "CSS" tab and in the "Additional CSS" field we'll insert some css to move that background over. Enter this in the "Additional CSS" text area.
background-position: right top;


Hope that makes sense. Layouts are kind of flaky so if you can avoid them you'll probably make your life happier.

EDIT: I just realized that you may need to give yourself some space if the text is shorter than the image. In the "Additional CSS" section you should also add something like
min_height: 300px;
RobinB replied on at Permalink Reply
RobinB
Okay, thnaks for the fast answer.
I think I understand what you mean, will test it tomorrow and give you feedback!

Thanks!
RobinB replied on at Permalink Reply
RobinB
G'Day,

It works! Thank you mkly! -->http://brandt-photography.de/index.php/gallerie/...

There is only one little thing, till now I used the preview images as links to the galleries, so that wont work now, cuz they are only "backgrounds" - Any ideas? Sure, adding a link in the text, but maybe there is another way.

Regards,
Robin