0
Welcome Guest! Login
0 items Join Now

How to have multiple article columns in a article

Last Post
Search Topic

  • How to have multiple article columns in a article

    Posted 13 years 9 months ago
    • Hey all, I'm using a Syndicate template and wondering how to set-up a multiple column article (for lists). Please see pic here for example on what I'm trying do.
      This image is hidden for guests.
      Please log in or register to see it.


      I tried googlin HTML code on columns, and did a test, but it didnt come close.

      Any help or thoughts appreciated

      Thanks

      Joomla 1.5
      Template Syndicate
    • Last Edit: 13 years 9 months ago by tropicaledit.
    #686473
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: How to have multiple article columns in a article

    Posted 13 years 9 months ago
    • What I would do is create a div with a class name that will contain my 4 lists, then style the lists so they float left with a width of 25%. For example, your HTML might look like this:
      <div class="four-column-layout">
<ul>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
</ul>
 
<ul>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
</ul>
 
<ul>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
</ul>
 
<ul>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
<li>LIST ITEM</li>
</ul>
</div>

      Then add your CSS into a style sheet like so:
      div.four-column-layout ul{float:left; width:25%;}

      That should get you real close, you can use a pixel value for the width and tweak other settings, but that's the basic idea. Hope that helps.
    • The difficult we do immediately, the impossible takes a little longer.
    #686551

  • Re: How to have multiple article columns in a article

    Posted 13 years 9 months ago
    • Cliff, appreciate your tip. I'll try that thanks
    #686672

Time to create page: 0.052 seconds