Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 1477 Просмотров
*

BrutalMan

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Здравствуйте. Имеется сайт http://adventurezone.ru/. Есть модуль Gaming News. Он меня устраивает, но высота каждого столбца по высоте разная. Я так понимаю это связано с высотой заголовка и высотой текста. Но ведь они не могут всегда быть одинаковыми. Хотелось бы чтобы столбцы были выровнены по высоте за счет пустых мест под текстом. Если кто-нибудь подскажет как это сделать - буду очень признателен...
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Выравнивание блоков по высоте
« Ответ #1 : 06.08.2016, 10:43:31 »
Наверное, через min-height
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Выравнивание блоков по высоте
« Ответ #2 : 06.08.2016, 14:27:23 »
вариант 1) для всех блоков установить одинаковую высоту, но тогда при изменении ширины блоков придется выеживаться для каждого разрешения экрана
вариант 2) использовать js, примеров в сети вагон. в некоторые css-фреймворки это даже встроено
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Выравнивание блоков по высоте
« Ответ #3 : 06.08.2016, 17:41:20 »
вариант 2) использовать js, примеров в сети вагон.
а как гуглить?
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Выравнивание блоков по высоте
« Ответ #4 : 06.08.2016, 17:49:54 »
"jquery выравнивание блоков по высоте"
*

BrutalMan

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Выравнивание блоков по высоте
« Ответ #5 : 07.08.2016, 22:20:34 »
Спасибо за ответ. При использовании min-height блок залезает за тот, что находится под ним. Как это исправить?
*

neogeek

  • Захожу иногда
  • 196
  • 21 / 2
Re: Выравнивание блоков по высоте
« Ответ #6 : 08.08.2016, 06:30:15 »
можно с помощью jQuery выравнивать(.column замените на свой класс - он должен быть у всех блоков которые нужно выровнять по высоте)

Код
<script type="text/javascript">
  var jQuery = jQuery.noConflict();
  function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
      thisHeight = jQuery(this).height();
      if(thisHeight > tallest) {
        tallest = thisHeight;
      }
    });
    group.height(tallest);
  }

jQuery(window).load(function () {
  equalHeight(jQuery(".column"));
});

jQuery(window).resize(function () {
  equalHeight(jQuery(".column"));
});
</script>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перенос блоков

Автор Forgiving

Ответов: 0
Просмотров: 731
Последний ответ 15.03.2020, 10:22:43
от Forgiving
Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

Ответов: 11
Просмотров: 6752
Последний ответ 23.03.2019, 21:53:08
от sivers
Вертикальное выравнивание

Автор dmtn

Ответов: 1
Просмотров: 1418
Последний ответ 28.12.2017, 12:52:12
от dmtn
Сетка блоков типа Grid или Inline, не могу разобраться [Решено]

Автор JaneFaint

Ответов: 7
Просмотров: 1535
Последний ответ 28.07.2016, 16:36:40
от JaneFaint
Выравнивание и закрепление меню

Автор zotchiy

Ответов: 4
Просмотров: 1212
Последний ответ 25.03.2016, 15:40:16
от Shustry