Задать вопрос
Sc0undRel
@Sc0undRel

Как поправить вёрстку?

Посмотрите, пожалуйста, boo.ee/?do=users&likes=157

Как поправить CSS стиль, чтобы имена пользователей нормально отображались?
То есть, чтобы имя располагалось:
1) справа от аватарки на 5px
2) справа от имени отступ 5 px
3) всё на одной строке
4) что не влазит в строку, то обрезается и добавляется троеточие

Помогите, пожалуйста.
  • Вопрос задан
  • 178 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
.following-item .following-name {
    padding-left: 85px;
    padding-right: 5px;
}


У ".following-item .following-name a" убрать ширину.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Underline
Убираете абсолютное позиционирование для блока с аватаром и выравниваете блоки с помощью display: inline-block, либо float. Далее блоку с именем задаете фиксированную ширину, overflow: hidden и text-overflow: ellipsis.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы