Разбить блок на две части обнавленых новостей как сделать?

Question

[Роман Прогрессив]

Привет всем!
DLE 13
Хочу реализовать блок обновленных новостей по дате, ну что то не могу догнать как разбить на два блока? что бы второй блок продолжал новости!

блок 1
начало обновленых новостей
блок 2
продолжение обновленых новостей

Получилось вот так, дальше я вступар в пал что второй блок добавлять, или как продолжить!?

<div class="col3 top-col">
	<h4><i class="fa fa-bullhorn"></i> Новости обновления</h4><br>
    <ul>
    {custom days="5" template="update_line" limit="5" order="date"}
	</ul>
	</div>
	<div class="col3 top-col">
    <br><br>
    <ul>
	<li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 26.09.18</li>
	<li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 27.09.18</li>
	<li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 28.09.18</li>
	<li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 29.09.18</li>
	<li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 30.09.18</li>
    </ul>
</div>

шаблон: update_line.tpl

<li><i style="color:green" class="fa fa-globe"></i> [{date=d.m.Y}] {title}</li>

вот так должно получится что бы по дате шли новости обновленные:

Answer 1

[Pavel Kuzyakin]

список можно разбить на две колонки с помощью column-count

Comments

[Роман Прогрессив]

Можно пожалуйста лучше прямое решение из моего примера в правке? получить в студию...

[Pavel Kuzyakin]

.list {
    -moz-column-count: 2; /* Для Firefox */
    -webkit-column-count: 2; /* Для Safari и Chrome */
    column-count: 2;
   }

<ul class="list">
  <li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 26.09.18</li>
  <li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 27.09.18</li>
  <li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 28.09.18</li>
  <li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 29.09.18</li>
  <li><i style="color:green" class="fa fa-globe"></i> [ТЕСТ] Обновление 30.09.18</li>
 </ul>

[Роман Прогрессив]

Pavel Kuzyakin, Принципе данный способ подходит только у меня блоки съехали
Можно как то с вами связаться? что бы показать... может что посоветуйте?

так как у меня DIV-контенер делится на три блока и они сместились к друг другу

[Pavel Kuzyakin]

Роман Прогрессив, покажите прямо здесь, какие проблемы

[Роман Прогрессив]

Pavel Kuzyakin, сайт:__dev.hack-shop.pro__

в шапке слева в сером фоне стрелка верх её нажмете вылетит блок bootstrap

там Вы увидите Новости обновления блок, который делится на 2 блока
и третий блок это авторизация на сайте.

Я убрал пока Ваш вариант, может быть получится у вас через Web developer, firebug

[Pavel Kuzyakin]

Роман Прогрессив,

<div class="cnt">
	<div class="clr">
		<div class="col9 top-col col">
		<ul class="list">
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 26.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 27.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 28.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 29.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 30.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 26.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 27.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 28.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 29.09.18</li>
			<li><i class="fa fa-globe text-success "></i> [ТЕСТ] Обновление 30.09.18</li>
		</ul>
	</div>
	<div class="col3 top-col">

	<!-- форма авторизации -->

	</div>
</div>

.clr {
    display: flex;
}

.list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

[Роман Прогрессив]

Pavel Kuzyakin, в chrome делали? все отлично! ну когда у авторизации переключаешь таб на войти через соц сеть то все сдвигается....

в firefox все печально!
в mazille


Если выставить / то все нормально:

col3 {
    width: 200%;
}

помогите добить пожалуйста! буду очень благодарен! а то я уже устал что мозг просто в ступаре!

[Pavel Kuzyakin]

Роман Прогрессив, ну, например, так:

.tab-content {
    min-width: 300px;
}

[Роман Прогрессив]

Pavel Kuzyakin, ага уже внешний вид появился, только на мазиле что то без

.col3 {
    width: 200%;
}

для мазилы работает такой параметр? -moz-width:

[Pavel Kuzyakin]

Роман Прогрессив, а для чего нужен этот код? у меня все корректно работает под ФФ и Хром.

[Роман Прогрессив]

Pavel Kuzyakin, можно скрин под фф? так как у меня там все криво...