1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Simplest way to have two even columns in a page node

Discussion in 'Styling and Customization Questions' started by craigiri, Jan 6, 2013.

  1. craigiri

    craigiri Well-Known Member

    As per the title, what is the easiest way to have a page node (single page) look somewhat like this - that is, a centered title and maybe a few links and then two columns.

    http://www.hearth.com/what/specific.php

    The line down the center would be neat too!

    Ideally, I would want this just for the ONE page and not for any and all page nodes I create later.

    I'm just pasting the html into the page node - no callback.
     
    Digital Doctor likes this.
  2. Chris D

    Chris D XenForo Developer Staff Member

    Looking at the source of that page, you would do something like this in your page node HTML:

    Code:
    <style>
    #leftnav
    {
    	float: left;
    	width: 45%;
    	margin: 0;
    	padding: 1em;
    }
    
    #rightnav
    {
    	float: right;
    	width: 45%
    	margin: 0;
    	padding: 1em;
    }
    </style>
    
    <div id="leftnav">
    	Left content here
    </div>
    
    <div id="rightnav">
    	Right content here
    </div>
    
     
    craigiri likes this.

Share This Page