Adding photos side by side

[Yanni]

For the home page, I am trying to have two smaller photos underneath the main photo side by side. I want these photos to be changed easily by the client.

So I created two fragment layouts, one called "left" the other "right".
Then I can use the four photos, two on the left layout and two on the right.

I can then set the top and left padding on the "left" layout and top and right padding on the "right" so that the photos are aligned with the top main photo above them.

Now I set "float: left" on the "left" layout and "float: right" on the "right" layout so that they are next to each other. However when I checked the source code actinic puts the fragments on a table and opens new row and column for each fragment thus placing everything below each other.

How can I achieve this please?
Thank you.

[Duncan Rounding]

How about using custom variables to hold the image filenames and then add them conditionally to the layout.

[Yanni]

Thanks, this way I can have a single layout for all 4 photos.

Now, I do define new variables but when I chose where to display them they don't appear at all.

I added a new variable called "Fragment Extra Image" inside the "Fragment" group.

Ticked the box "Fragment" on Place of setting.
Panel name: "Extended information"
Ticked: Allow Empty value.

Nothing comes up on the Fragment section.

However, when I edit a different variable and select exactly the same settings, then I do get the right placement.

What am I doing wrong ?

Thanks.

[leehack]

Do fragments have extended information?

[Yanni]

No they don't, but even when I change the Panel name to General it still doesn't display anything !!?

[Yanni]

Because, actinic places all the fragments on a table and adds a <tr><td> in the end of each fragment therefore stopping the float from having an effect.

If I use variables, I can have all the 4 photos on a single layout making everything much easier, however I don't quite understand what I am doing wrong and the variables do not appear where they should be.

Thanks for all your help by the way.

[peblaco]

If you used Bare Brochure List it removes <tr><td>. Fragments may be more intuitive. If you use variables check you have type Filename, in your layout the variable would have to go in the <img src=""> tag.

[Yanni]

Fantastic, that worked!. I'm really sorry peblaco, didin't see your post.
Yes, I'll go with the two layouts as suggested.

Also the variables appeared. I've deleted the existing fragments, created new ones and voila all the variables are there, although I do not need them now.


Many Thanks for all your help, another post solved.