VPF::Columnizer JQuery - Форум программистов

s1lver

Дата 28.2.2013, 12:55 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 580
Регистрация: 14.12.2007
Где: Россия

Репутация: нет
Всего: нет

Доброго времени суток!

Помогите пожалуйста разобраться в вопросе.
Есть некоторая статья которая должна иметь вид:
user posted image

верхний блок выводится в

Код


<div class="category-desc">

общий див для всех блоков

Код


<div class="blog">

С помощью плагина Columnizer задаю разбитие на колонки

Код


  <script>
    $(function(){
   
      $('.blog').columnize({
        columns : 2,
        accuracy : 1,
        buildOnce : true
      })   
        
    });
  </script>

Разбивается полностью див blog, а как мне сделать чтобы див category-desc не разбивался?

PS. до этого пробовал обойтись только средствами css, но в IE не работает.

Код


/*class blog*/
.blog{
  column-count:2;
  -webkit-column-count:2;
  -moz-column-count:2;
}
.category-desc{
  -webkit-column-span: all;  
  column-span:all;
}
/*end class blog*/

--------------------

Я собрался жить вечно - пока все идет нормально!

Aliance

Дата 28.2.2013, 13:11 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Сейчас разметка:

Код


<div class="blog">
    <div class="category-desc">top</div>
    <div class="left">left</div>
    <div class="right">right</div>
</div>

если сделать такую:

Код


<div class="blog">
    <div class="category-desc">top</div>
    <div class="blog-wrapper">
        <div class="left">left</div>
        <div class="right">right</div>
    </div>
</div>

то все будет работать вот так:

Код


$('.blog-wrapper').columnize(...);

Ну а вообще все это можно сделать легко на чистом CSS - float`ами или через display: table-*.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

s1lver

Дата 28.2.2013, 13:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 580
Регистрация: 14.12.2007
Где: Россия

Репутация: нет
Всего: нет

Если бы это была не Joomla, все бы было отлично.

Дело в том, что она вставляет див для каждой статьи в категории, а общего дива для внутренних материалов нет. smile

--------------------

Я собрался жить вечно - пока все идет нормально!

Aliance

Дата 28.2.2013, 13:45 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Это не проблема изменить.

А если все же проблема - я написал самое верное решение, имхо:

Цитата(Aliance @ 28.2.2013, 14:11

)

Ну а вообще все это можно сделать легко на чистом CSS - float`ами или через display: table-*.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »