ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Help with channel template

May 26, 2011 9:40am

Subscribe [1]
  • #1 / May 26, 2011 9:40am

    restos

    54 posts

    Hello,

    I need some help with channel template.

    First excuse my english, its quite poor.

    I want to list entries as colums like:

    {title}          {custom-filed1}              {custom-field2}

    I can do it, but in the second entry i get some layout issues. This is how following entries appear:

    {title}          {custom-field1}              {custom-filed2}
                                                      {title}
    {custom-field1}                {custom-field2}

    My template code is

    {exp:channel:entries channel="mychannel" orderby="date" limit="10"}                        
    <div class="grid3cola2">
    <div class="column">
    <a href="http://{title_permalink=mychannel/full}"><font size="1">{title}</a></font></div><div class="column"><font size="1">{license}</font></div>
    <a href="http://{ext_download_link}"><div class="column"><font size="1">Download</font></a></div></div>
    {/exp:channel:entries}

    My related css is:

    /* GRID */
    .column { float: left; }
    .columna { float: left; }
    .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, grid3cola2, .grid4col, .grid5col, .grid6col { width: 100%; }
    
    .grid2col .column { width: 49%; }
    .grid2col .grid2col .column { width: 47.8%; }
    .grid3col .grid2col .column { width: 46%; }
    .grid4col .grid2col .column { width: 45%; }
    
    .grid2cola .column.first { width: 66%; }
    .grid2cola .column.last { width: 32%; }
    
    .grid2colb .column.first { width: 74.9%; }
    .grid2colb .column.last { width: 23%; }
    
    .grid2colc .column.first { width: 32%; }
    .grid2colc .column.last { width: 66%; }
    
    .grid2cold .column.first { width: 23%; }
    .grid2cold .column.last { width: 74.9%; }
    
    .grid2cole .column.first { width: 79%; }
    .grid2cole .column.last { width: 19%; }
    
    .grid2colf .column.first { width: 19%; }
    .grid2colf .column.last { width: 79%; }
    
    .grid3col .column { width: 32%; margin-left: 2%; }
    .grid2col .grid3col .column { width: 31%; }
    
    .grid3cola .column { width: 58%; margin-left: 2%; }
    .grid3cola .column.first,
    .grid3cola .column.last { width: 19%; }
    
    .grid3cola2 .column { width: 30%; margin-left: 3%; }
    .grid3cola2 .column.first,
    .grid3cola2 .column.last { width: 30%; }
    
    
    
    .grid4col .column { width: 23%; margin-left: 3%; }
    
    .grid5col .column { width: 18.4%; margin-left: 2%; }
    
    .grid6col .column { width: 15%; margin-left: 2%; }
    
    .column.first, .column.last { margin-left: 0 !important; }
    .column.last { float: right !important; }

     

    Any help?

    thank you.

  • #2 / May 26, 2011 11:16am

    restos

    54 posts

    solved.

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases