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

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

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

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

Помогите, пожалуйста.
  • Вопрос задан
  • 180 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 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.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽