Page 1 of 2 12 LastLast
Results 1 to 10 of 15
  1. #1
    Join Date
    Feb 2010
    Posts
    24
    Plugin Contributions
    0

    xhtml problem Splitting main content homepage into 2 columns?

    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)

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Splitting main content homepage into 2 columns?

    You can divide your content into two divs, each with a unique id (like #defineMainLeft and #defineMainRight).
    Then add to your stylesheet
    Code:
    #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.

  3. #3
    Join Date
    Feb 2010
    Posts
    24
    Plugin Contributions
    0

    Default Re: Splitting main content homepage into 2 columns?

    Quote Originally Posted by gjh42 View Post
    You can divide your content into two divs, each with a unique id (like #defineMainLeft and #defineMainRight).
    Then add to your stylesheet
    Code:
    #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

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Splitting main content homepage into 2 columns?

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

  5. #5
    Join Date
    Feb 2010
    Posts
    24
    Plugin Contributions
    0

    Default Re: Splitting main content homepage into 2 columns?

    Quote Originally Posted by gjh42 View Post
    This is all in define_main_page.php, where you entered the content.
    Style rules go in stylesheet.css.

    Thank You

  6. #6
    Join Date
    Feb 2010
    Posts
    24
    Plugin Contributions
    0

    Default Re: Splitting main content homepage into 2 columns?

    Quote Originally Posted by gjh42 View Post
    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

  7. #7
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Splitting main content homepage into 2 columns?

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

  8. #8
    Join Date
    Feb 2010
    Posts
    24
    Plugin Contributions
    0

    Default Re: Splitting main content homepage into 2 columns?

    Quote Originally Posted by stevesh View Post
    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?

  9. #9
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Splitting main content homepage into 2 columns?

    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.

  10. #10
    Join Date
    Feb 2010
    Posts
    24
    Plugin Contributions
    0

    help question Re: Splitting main content homepage into 2 columns?

    Quote Originally Posted by gjh42 View Post
    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:


    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>

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. categories split into 2 columns on main page
    By sidewing in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 4 Oct 2011, 12:48 AM
  2. How do I display category images in the main content of the homepage?
    By buxton1 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Jun 2009, 12:47 PM
  3. Splitting orders_delivery_name into First Last
    By fotofx in forum General Questions
    Replies: 1
    Last Post: 14 May 2008, 10:10 PM
  4. Content Of Main Page Sliding Up Into Header in IE
    By Fastcar in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 2 Jan 2008, 05:50 PM
  5. Splitting a page into two columns
    By nick04263 in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 7 Mar 2007, 03:08 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg