Как вставить картинку в табы в нужное мне место

голоса: 0

Здравствуйте.

Хочу добавить в табы картику Торрент Тв, чтобы было ясно, что данный источник является Торрентом. Вставляю его в нужное место, там где Источник 2, но он у меня почему-то перепрыгивает в самое начало табов, не пойму почему?

Картинка должна быть после слова Источник 2

 

Забыла добавить, что если смотреть сайт как на мобильном, то картика в такое случае стоит правильно

| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

Добавьте класс нужному табу таким образом:

<label for="tabl-2" data-index="1" class="torrent">Источник 2</label>

Потом в css задайте иконку:

label.torrent {
  padding-right: 20px;
  background: url(/Kak-smotret/Ace_Stream_Media.png) center right no-repeat;
}

| Автор:
Выбор ответа лучшим | | Автор: Катя

Сделала, а как быть, если табы будут состоять из 3 или 4 вкладок? Какую цифру писать тогда тут <label for="tabl-2" data-index="1" class="torrent">?

Добавлятете любой класс по смыслу, главное, чтобы он был уникальным на сайте, а потом такой же пишите в css.  Можете детальнее почитать про классы http://htmlbook.ru/samcss/klassy
Спасибо, вы мне очень помогли!
...