Question

I want to please know how to place individual ‘articles’ into individual CSS ‘div’s…??

Basically my design has my web page split into 4 different columns.. I want be able to place individual articles in each one of those columns…

At the moment, Joomla will place each article directly under each other, for instance in the ‘right’ section of the template, without allowing me to insert any ‘div’s between the articles..

So maybe what I’m asking is how to add more sections to my template.. By sections i mean
Eg. ‘Banner’ ‘left’ ‘right’ ‘footer’ ‘disclaimer’ etc… ???

Answer 1

You can do it with modules as well.
Edit your template index.php file, and insert the divs where you want with the corresponding float:

<div id="left">
    <jdoc:include type="modules" name="left" style="" />
</div>

<div id="right">
    <jdoc:include type="modules" name="right" style="" />
</div>

Where the left,and the right ids are set in the template css file with the floats and etc.

Next is to include the positions into templateDetails.xml to the right place, like this:

<position>left</position>
<position>right</position>

Now you can create modules (Custom HTML modules) with the text/content, and position the created modules into the right or left position name.