высота модулей отображения новостей - PullRequest
1 голос
/ 20 января 2012

Я использую модуль joomla для отображения статей из 8 различных категорий, модуль отображает заголовок и некоторый интротекст для каждой категории (один и тот же модуль используется 8 раз).

Например, одна статья имеет заголовок, для отображения которого нужно две строки, а другой - только одну, и они не отображаются симметрично, поэтому мой сайт выглядит грязно!

Вопрос в следующем: как сделать так, чтобы мои 8 модулей всегда имели одинаковую высоту, независимо от строк, необходимых для заголовка или интротекста?

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

Надеюсь, вопрос достаточно ясен! Заранее спасибо:)

Ответы [ 2 ]

2 голосов
/ 21 января 2012

Переберите эти модули, возьмите их высоту, выберите самый большой и примените ко всем модулям.

var max = 0;

$('div.title').each(function(i,item){
   var height = $(item).height();
   if(height > max) {
      max = height;
   }
});

$('div.title').css('height', max + 'px');
1 голос
/ 20 января 2012

Это похоже на проблему с CSS (или я неправильно понимаю вопрос).Если все модули относятся к классу 'module', то вам необходимо:

.module {height:200px; overflow:hidden;[more styles]}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...