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

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

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

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

Помогите, пожалуйста.
  • Вопрос задан
  • 185 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 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.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

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