[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1121
  • Last Modified:

Article Layout - Joomla: How to setup Column Style layout?

Hi

I would like to know whether if it is possible - can i be able to create a new article on joomla and therefore,split the information into two parts separated by a line in between - rather than scrolling down,then i'll have 2 types of information side by side.

Please help

Thank You
0
shaunwingin
Asked:
shaunwingin
  • 6
  • 4
  • 2
  • +2
2 Solutions
 
shaunwinginAuthor Commented:
Please help guys.........
0
 
joomla_phpCommented:
You'd have to make it a table, but then you'd be doing the pagination.

Here's a nice tutorial using divs

http://www.ostraining.com/blog/joomla/how-to-create-a-two-column-layout-in-a-single-joomla-article-the-easy-way-using-jce/

Still not automatic.

Here you go

http://extensions.joomla.org/extensions/style-a-design/articles-styling/18689
0
 
Loganathan NatarajanLAMP DeveloperCommented:
Why don't you have the content itself split as table and place it in the articles ?? It is easy to do with HTML & CSS
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
shaunwinginAuthor Commented:
Do i then change the content of the article to a table than single article?
0
 
Loganathan NatarajanLAMP DeveloperCommented:
yes please... you can very well do it in the article content itself.
0
 
shaunwinginAuthor Commented:
I am using Cloudbase 2.0 Template
0
 
Loganathan NatarajanLAMP DeveloperCommented:
You need not do anything on the template. instead on the content section, you divide and display it?
0
 
shaunwinginAuthor Commented:
Divide it manually?
0
 
Loganathan NatarajanLAMP DeveloperCommented:
something like this, just save as . html and check,

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<div style="float: left;border-right: 1px dotted #000000; DISPLAY: inline; margin-right: 5px;PADDING-RIGHT: 5px;">
  <p>dasfasdfdasfdasfdsfdasf<br />
    dsfsdafdasfdasfdasfdasfdasf</p>
  <p>dasfdassdafdasfdasfdasfdasf</p>
</div> 
<div style="float:left; DISPLAY: inline;">dasfdsfdasfdasfdasfdasf<br />
dasfdasfdasfdasfdasfdasf<br />
dsfadsfdasfdsfdsf</div>  
</body>
</html>
 

Open in new window

0
 
shaunwinginAuthor Commented:
Okay - thanks....Where do i save it?
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
<div style="float: left;border-right: 1px dotted #000000; DISPLAY: inline; margin-right: 5px;PADDING-RIGHT: 5px;">
  <p>Put your content here for left column<br />
   content conten</p>
  
</div> 
<div style="float:left; DISPLAY: inline;">
Put your content here for right column<br />
<br />
</div> 

Open in new window



Add code to your editor of that article and save.Then you can check your content in that article is in two columns.

Just replace dsfdaf garabage content with your content respectively
0
 
Andrew DerseIT ManagerCommented:
You could accomplish this by creating a table as mentioned above, or you could use the built in category blog layout.  This allows you to tell the system how many leading articles you want, how many columns you want them in, and I believe, how many links following that...

If you have multiple articles and need to put them in multiple columns on the page...that's the route to go.
0
 
joomla_phpCommented:
NUKIT - I think he wants one article continued to the next column.
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Yup...He wants one article splitted in Two Columns
0
 
Andrew DerseIT ManagerCommented:
I understand that...just also showing him there are other options for multiple columns within Joomla that might be beneficial for him in the future...
0
 
shaunwinginAuthor Commented:
Thanks! I found it
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

  • 6
  • 4
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now