WebSite X5Help Center

 
Mart L.
Mart L.
User

Multiple Pictures in Full Width  en

Author: Mart L.
Visited 1912, Followers 1, Shared 0  

Hey people,

Got a question.

When you want multiple pictures next to each other on the full width of the page, how can you do this?
This means spacing between the pictures and not 1 big slideshow.



Posted on the
3 ANSWERS - 1 USEFUL
Esahc ..
Esahc ..
Moderator

Mart, the simplest method is to place one image object in each cell, then using style, reduce the left/right margins to zero for each cell to minimise white space.

However, if you simply want 3 pics with no gaps and to display as big as possible, perhaps a simple text object that fills the whole row, then simply add pictures into it all in one line

But if you want all images in a row and no chance the pictures will get rearranged in responsive views, you should use a paint package to create a single image of all your images, then place that single image.

That single image could also be placed as a background image using the row formats option and set to full width if you wish (with a bit of thought, you could also set this single image as the backround of your page)

If these solutions are not what you require, please provide a screen shot of what you want (or don't want).

Read more
Posted on the from Esahc ..
Mart L.
Mart L.
User
Author

@Esahc

Thank you for the response.

The way you showed works good however i would like to spread the image until the full width of the browser)

So think of an example where you have 2 images next to eachtoher on the full width of the page but you can still include a link into it when you click on them.

Read more
Posted on the from Mart L.
Esahc ..
Esahc ..
Moderator

Mart, the only way I can imagine to achieve this is to create a single image of the 2 images and place them using row format behind a row of text cells. In order to make them "clickable" you would need to "cheat".

I would create a single colour image approximately the dimensions of one of your pictures as displayed on your site. I would then set that colour as transparent and save as png.

In a text cell, place the image and center it, then create a link from it. Do the same with the second cell, place the same image and set the appropriate link.

From the users point of view they will see 2 pictures, full browser width. If they click anywhere on the left image (remember this will be invisible) they will go to the appropriate link, and the same for the right hand image.

Would that work-around work for you?

Read more
Posted on the from Esahc ..