-
Posts
-
I’ve created a test page with 6, 2/3 columns with text placed inside each on the left of the page. I also have different 1/3 columns with different heights on the right of the page. If a 1/3 column’s height is taller than the 2/3 column next to it, it pushes the 2/3 column to the left down. How do I use columns to have one side of the page text and the right hand side of the page with different sized graphics and pictures.
Hey J_L,
Thanks for the link, I’m not sure I understand your problem though. Could you post a screenshot highlighting it maybe?
Best regards,
RikardRikard,
Sorry for the confusion I was reworking the page to try and solve my problem. I attached a screen shot to illustrate the problem I am having.
On the left hand side of the page I have multiple 2/3 Columns and within those columns I have a text block with text. On the right hand side of the page I have 1/3 columns with a supporting image or graphic to illustrate what the text on the right is describing. When the image on the right in the 1/3 column container has a height greater than the text in the 2/3 column container on the left it pushes the next 2/3 column box down. Is there a way to set it up so that the columns on the left are not influenced by the images on the right hand side of the page. I tried putting all of the text in one larger single 2/3 column and all of the images in a larger single 1/3 column but this does not work for responsive. The reason I set it up the way I did was because I wanted the images on a mobile device to flow naturally within the different columns.
- You must be logged in to reply to this topic.