Форум

Sergius182 · #1 (**permalink**) 21.07.2019, 21:58

Есть к примеру простой нумерованный список

<ol style="margin-left:100px;">
<li>первое</li>
<li>второе</li>
<li>третее</li>
</ol>

я хочу вставить перед цифрой картинку, при нажатии на которую будет происходить определенное действие с соответствующим элементом.
Как это сделать.

Надо примерно так как на картинке нарисованной в паинте

Sergius182 · #2 (**permalink**) 21.07.2019, 21:59

Получается олько внутри тега li, а надо снаружи , на этом же уровне

рони · #3 (**permalink**) 21.07.2019, 22:28

Sergius182,
вариант

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  ul{
     counter-reset: headings 0;
      list-style: none;
  }

  li:before{
    counter-increment: headings 1;
    content:  "\2B55 "counter(headings)". ";
  }
  li{
      text-decoration: none;
  }

  </style>

</head>

<body>
<ul>
 <li>первое</li>
 <li>второе</li>
 <li>третее</li>
 </ul>
</body>
</html>

Sergius182 · #4 (**permalink**) 22.07.2019, 21:20

Да, ваш вариант рабочий только не получается туда вставить изображение по ирл, погуглив я нашел что нужно пользоваться backgraund: url(путь);
но все равно не выходит... . Допустим , кстатий, все получилось, (авось добьюсь),.... Как через js ссчитать какая картинка установлена, не подскажите?

рони · #5 (**permalink**) 22.07.2019, 23:02

Сообщение от Sergius182

Как через js ссчитать какая картинка установлена, не подскажите?

вам нужен индекс li

tanyastreltzowa49 · #6 (**permalink**) 02.09.2019, 11:05

Через li лей и всё будет работать.

Форум

Справочник

Discord чат

Курсы javascript