Записи канала механизма выражения остаются рядом друг с другом

Я стараюсь, чтобы записи на моем канале были рядом друг с другом.

Обычный способ печати записей каналов:

{exp:channel:entries channel="news" limit="10"}
                <h2>{title}</h2>

               {news_body}
{/exp:channel:entries}

Итак, новости печатаются друг под другом вот так:

  Title 1 Blah Blah

  ashdjsdsd asdsda ada
  adasdasda asdsda adad

  Title 2 Blah Blah

  jsaudwi llasdju alsl
  asdasdas

Я хочу напечатать две новостные статьи рядом друг с другом следующим образом:

  Title 1 Blah Blah            Title 2 Blah Blah

  jsaudwi llasdju alsl        ashdjsdsd asdsda ada
  asdasdas                    adasdasda asdsda adad

channel expressionengine
person user1427195    schedule 24.06.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

ответ imjared хорош с точки зрения HTML/CSS, но поскольку он помечен как вопрос ExpressionEngine, вот как решить эту проблему. через синтаксис EE, с не требующим пояснений HTML.

{exp:channel:entries channel="news" limit="10"}
<div class="{switch="float-left|float-right"}">
    <h2>{title}</h2>
    {news_body}
</div>
{/exp:channel:entries}
person Derek Hogue    schedule 25.06.2012
comment
Большое спасибо за ваш ответ. По какой-то причине это не сработало. Код элегантный. Я пытался подключить код около часа. Я новичок в EE. Если можно, не могли бы вы еще раз проверить код? Большое спасибо еще раз. - person user1427195; 25.06.2012
comment
Правильно ли выводится HTML (т. е. элементы div с нечетными номерами классифицируются как float-left, а элементы div с четными номерами классифицируются как float-right)? В этом случае вам, очевидно, потребуется добавить правила CSS для float-left и float-right. - person Derek Hogue; 25.06.2012
comment
Большое спасибо, что проверили мою проблему и помогли мне. Да, это работает. Отличный красивый код. Я адаптировал ваш код. Я не знаю систему баллов в Stack Overflow. Постараюсь поставить самые высокие баллы. Большое спасибо еще раз - person user1427195; 26.06.2012

arrow_upward
0
arrow_downward

Это больше вопрос html/css, чем ExpressionEngine, и есть несколько способов сделать это:

Я бы сделал это примерно так:

{exp:channel:entries channel="news" limit="10"}
<div class="entry">
<h2>{title}</h2>
{news_body}
</div><!--/.entry-->
{/exp:channel:entries}
person imjared    schedule 25.06.2012
comment
Спасибо большое. Оно работает. Это большая помощь. Я пытался решить эту проблему около 2 часов. Спасибо еще раз - person user1427195; 25.06.2012