Using html positioning in a page.

[Darrick Ross]

Hello, I have inherited the responsibility to update and redo the main wiki page for our system. 

I currently have an image that is the background to this page. Below the point where the background image ends I will need some text to be surrounded by a box. Below that I will need 4 sections of text spread out evenly. I have provided a rough sketch (ms paint) of what I need.

 

My main concern is that I don't know of a way to keep the 5 sets of texts at the same point relative to the background when the screen is shrunk. I know that there should be a way to position the text with html but I do not understand how I should implement this. Does the css element go into a css box? or should it all be in an html box?

[AnnWorley · Accepted solution]

Hi Darrick,

I was able to make a page much like your mockup by using the "sections" functionality in the Confluence editor:

Please see Page Layouts, Columns and Sections to see how to add sections and columns to the page. When I size my browser window, the text adjusts as you describe so I am hoping this will work for your case.

Thanks,

Ann