Перейти к содержимому



CSS. Проблема с маркированным списком

#1 RDmerfo
RDmerfo
  • Пользователь
  • 2 сообщений
  • Репутация: 0
0

Отправлено 09 мая 2020 - 18:59

В общем сам я в CSS ничего на шарю, можно сказать всегда методом тыка все параметры подпирал пока не заработает. Однако вот столкнулся с проблемой. Необходимо мне заменить стандартный маркер на свой, вроде как все получилось, вот так: https://jsfiddle.net/8qemap5k/1/

Но есть проблема: как мне сделать так, чтобы сама галочка сместилась влево (за границы текста), а все строчки в <li> выровнять в вертикальную линию (как на скрине)

Прикрепленные изображения

  • 2020-05-09_185904.jpg

 

 

Сообщение отредактировал RDmerfo: 09 мая 2020 - 18:59

  • 0

#2 Artos
Artos
  • Пользователь
  • 145 сообщений
  • Репутация: 19

Отправлено 09 мая 2020 - 21:14

ul.new-list li::before {
  content:"\2714\0020";
  font-size: 16pt;
  color: #f45511;
  margin - left: -25px;
}

Почему-то тут редактор вырезает строку с тире. Поэтому вставил с пробелами.


Сообщение отредактировал Artos: 09 мая 2020 - 21:22

  • 1

#3 RDmerfo
RDmerfo
    Topic Starter
  • Пользователь
  • 2 сообщений
  • Репутация: 0

Отправлено 09 мая 2020 - 21:28

Почему-то тут редактор вырезает строку с тире. Поэтому вставил с пробелами.

 

Спасибо, все получилось, а главное как просто то... 


  • 0



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
albedo albedo 1-й за Май
Очков активности: 198 5 тем, 29 сообщений, 3 балла репутации
Сайт: online24news.ru
ТОП самых активных за этот месяц
  • Фотография maks200
    #1

    maks200
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография NewBlade
    #2

    NewBlade
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография Movut
    #3

    Movut (seo-aspirant.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография 1head
    #4

    1head
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография magnet
    #5

    magnet (rbfxdirect.com)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Zevss
    #6

    Zevss (domles43.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Nik_2266999
    #7

    Nik_2266999
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография narolskay
    #8

    narolskay (ortopedicheskaja-podushka.ru)
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография wp01
    #9

    wp01
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Фотография getsend
    #10

    getsend
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru