Splitting main content homepage into 2 columns?

[qwerty94]

Hi,

I have my editable main content page, were i edit it in the "Define Pages Editor" But is what i want to do is split that in to 2 columns one on the left and one on the right. How would I go about doing this?

Thanks
Sam
(qwerty94)

[gjh42]

You can divide your content into two divs, each with a unique id (like #defineMainLeft and #defineMainRight).
Then add to your stylesheet

#defineMainLeft {
    float: left;
    width: 49%;
    }

#defineMainRight {
    float: left;
    width: 49%;
    }

and add any other properties to get the styling you want for each column, like margin, padding, etc.

[qwerty94]

You can divide your content into two divs, each with a unique id (like #defineMainLeft and #defineMainRight).
Then add to your stylesheet

#defineMainLeft {
    float: left;
    width: 49%;
    }

#defineMainRight {
    float: left;
    width: 49%;
    }

and add any other properties to get the styling you want for each column, like margin, padding, etc.

Sorry to be stupid, but what files would i edit?

Thanks
Sam

[gjh42]

This is all in define_main_page.php, where you entered the content.
Style rules go in stylesheet.css.

[qwerty94]

This is all in define_main_page.php, where you entered the content.
Style rules go in stylesheet.css.

Thank You

[qwerty94]

This is all in define_main_page.php, where you entered the content.
Style rules go in stylesheet.css.

I have found the 'define_main_page.php' file but i can not find the 'stylesheet.css' file. Could you give me the location of this file?

Thanks
Sam

[stevesh]

includes/templates/classic/css - save the edited version to your override folder.

[qwerty94]

includes/templates/classic/css - save the edited version to your override folder.

I have now found both files and edited the style sheet with the code you gave me, but in the 'define_main_page.php' file I'm not sure were/how to add the tags?

[gjh42]

OK, this is the most fundamental type of HTML structure. Add a <div id="defineMainLeft"> before the first half of the define_main_page content and </div> after it; then <div id="defineMainRight"> before the second half of the define_main_page content and </div> at the end.

If you are using the HTMLArea editor, you will need to switch to plaintext view to do this.

[qwerty94]

OK, this is the most fundamental type of HTML structure. Add a <div id="defineMainLeft"> before the first half of the define_main_page content and </div> after it; then <div id="defineMainRight"> before the second half of the define_main_page content and </div> at the end.

If you are using the HTMLArea editor, you will need to switch to plaintext view to do this.

That has not worked Here is my code:

<link href="stylesheet.css" rel="stylesheet" type="text/css" />

<div id="defineMainLeft"> <font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><b><font class="Apple-style-span" color="#0033FF"><br /></font></b></span></font></div><div style="text-align: center; "><b><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><font class="Apple-style-span" color="#0033FF">Welcome to Sandy's Salt &amp; Softeners##</font></span></font></b></div><div style="text-align: center; "><b><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><font class="Apple-style-span" color="#0033FF">Online Store</font></span></font></b></div><div style="text-align: center; "><font class="Apple-style-span" color="#0000ff" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><b><br /></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0000FF" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><br /></b></span></font></div><div style="text-align: center; "><span class="Apple-style-span" style="color: rgb(255, 0, 0); font-family: arial, helvetica, sans-serif; font-size: xx-large; font-weight: bold; ">New 800 Mini Max Water Softener's Now In Stock!!</span></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF"><br /></font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0033FF" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Times; font-size: medium; font-weight: normal; "><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#FF0000">############################################################___</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#FF0000">Special Offer!</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF">Brand New MiniMax 750 Water Softener</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF">£795</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF">Only 1 left!</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#FF0000">############################################################___</font></b></span></font></div></span></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0033FF" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><br /></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><b><font class="Apple-style-span" color="#0033FF">You can only buy from us if you live within a 20 mile radius of Bognor Regis</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><br /></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, sans-serif"><b><br /></b></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, sans-serif"><b><br /></b></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0000ff" face="arial, helvetica, sans-serif"><span style="font-size: medium; " class="Apple-style-span"><b><font class="Apple-style-span" color="#ff0000">Last Update:</font>##<font class="Apple-style-span" color="#0033FF">Wednesday 10th March 2010</font></b></span></font></div> </div>

<div id="defineMainRight"><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><b><font class="Apple-style-span" color="#0033FF"><br /></font></b></span></font></div><div style="text-align: center; "><b><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><font class="Apple-style-span" color="#0033FF">Welcome to Sandy's Salt &amp; Softeners##</font></span></font></b></div><div style="text-align: center; "><b><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><font class="Apple-style-span" color="#0033FF">Online Store</font></span></font></b></div><div style="text-align: center; "><font class="Apple-style-span" color="#0000ff" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><b><br /></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0000FF" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><br /></b></span></font></div><div style="text-align: center; "><span class="Apple-style-span" style="color: rgb(255, 0, 0); font-family: arial, helvetica, sans-serif; font-size: xx-large; font-weight: bold; ">New 800 Mini Max Water Softener's Now In Stock!!</span></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF"><br /></font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0033FF" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Times; font-size: medium; font-weight: normal; "><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#FF0000">############################################################___</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#FF0000">Special Offer!</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF">Brand New MiniMax 750 Water Softener</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF">£795</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#0033FF">Only 1 left!</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><font class="Apple-style-span" color="#FF0000">############################################################___</font></b></span></font></div></span></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0033FF" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><br /></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" face="arial, helvetica, sans-serif"><span style="font-size: xx-large; " class="Apple-style-span"><b><font class="Apple-style-span" color="#0033FF">You can only buy from us if you live within a 20 mile radius of Bognor Regis</font></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, sans-serif"><span class="Apple-style-span" style="font-size: xx-large; "><b><br /></b></span></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, sans-serif"><b><br /></b></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, sans-serif"><b><br /></b></font></div><div style="text-align: center; "><font class="Apple-style-span" color="#0000ff" face="arial, helvetica, sans-serif"><span style="font-size: medium; " class="Apple-style-span"><b><font class="Apple-style-span" color="#ff0000">Last Update:</font>##<font class="Apple-style-span" color="#0033FF">Wednesday 10th March 2010</font></b></span></font></div></div>