есть хук "топ авторов за месяц" выводит информацию в блок вот так:

 

так же есть хук "Активные авторы сегодня" который выводит информацию так:

 

и есть только внешний вид изменённого хука "топ авторов за месяц" который выглядит так:

 

Задача сделать так, что бы первый хук выглядел так как на втором или на третьем скриншоте, что бы не было пустого места с правой стороны и имена пользователей шли в 2 столбика, который имеют фиксированную ширину, дабы если у пользователя имя длиннее, что бы вёрстка не съезжала.

 

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

Вместо строк:

.twocolumn > div > ul > li > .list_content {
word-wrap: normal;
}

вставьте:

.twocolumn > div > ul > li > .list_content {
 word-wrap: normal;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

вот так вроде работает

 

----

ПС:

Я б еще туда font-size: 11px; вписал, чтобы шрифт сделать таким же, как и во втором хуке...

и тогда тут тоже поменять на 11px

.twocolumn > div > ul > li > .list_content > .ipsType_smaller  > a {
font-size: 13px !important;
}

Изменено 11 марта 201511 г пользователем Viktar83

ПС:

Я б еще туда font-size: 11px; вписал, чтобы шрифт сделать таким же, как и во втором хуке...

и тогда тут тоже поменять на 11px

.twocolumn > div > ul > li > .list_content > .ipsType_smaller  > a {
font-size: 13px !important;
}

Признательности нет придела, плюсики закончились )) Спасибо большое! Теперь обрезает текст, но по шрифту если ставлю 11 вместо 13 го, то меняется только в блоке "Самые активные сегодня", а в "Топ месяца" остаётся тот же размер шрифта 13ый ))

Изменено 11 марта 201511 г пользователем wick

Ну как же, по идее должно работать (может 12 лучше будет смотреться?)

 

.twocolumn > div > ul > li > .list_content {
 word-wrap: normal;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 font-size: 12px !important;
}

 

.twocolumn > div > ul > li > .list_content > .ipsType_smaller > a {
 font-size: 12px !important;
}

 

ПС:

Только что регистрировался у вас на форуме, чтобы видеть css к именам пользователей. Юзер с именем test - удалите.

Изменено 11 марта 201511 г пользователем Viktar83

Спасибо! Теперь и в одном и другом хуке одинаковый размер шрифта )) Спасибо Вам!