Точки маркированного списка вместе со звездами рейтинга K2

Тема в разделе "K2", создана пользователем luzhkodi, 18.11.2012.

  1. Offline

    luzhkodi Недавно здесь

    Регистрация:
    18.11.2012
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Проблема со звездами рейтинга материалов в K2. Там на фоне звезд выводятся точки как в маркированных списках. Менял k2.css (приписывал классу списков {list-style: none;}) Не помогает. Шаблон JA Erio.
    Помогите разобраться плз.
    [​IMG]
     
  2.  
  3. joomguru
    Offline

    joomguru Модератор => Cпециалист <=

    Регистрация:
    03.12.2010
    Сообщения:
    456
    Симпатии:
    77
    Пол:
    Мужской
    Пропиши {list-style: none !important;}
     
  4. Offline

    luzhkodi Недавно здесь

    Регистрация:
    18.11.2012
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Добавил в .itemRatingList {list-style: none !important;}
    Вот что получается))
    [​IMG]

    Еще хуже, если добавляю в .itemRatingList li тот же код. Там вообще перестают быть видны звездочки при наведении курсора мышки.

    Вот блок в K2.css, который отвечает за рейтинг:
    Код (CODE):
    1. /* --- Rating --- */
    2. .itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}
    3. .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
    4. div.itemRatingForm .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
    5. .itemRatingList,
    6. .itemRatingList a:hover,
    7. .itemRatingList .itemCurrentRating {background:transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;}
    8. .itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
    9. .itemRatingList li {display:inline;background:none;padding:0;}
    10. .itemRatingList a,
    11. .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
    12. .itemRatingList a:hover {background-position:left bottom;}
    13. .itemRatingList a.one-star {width:20%;z-index:6;}
    14. .itemRatingList a.two-stars {width:40%;z-index:5;}
    15. .itemRatingList a.three-stars {width:60%;z-index:4;}
    16. .itemRatingList a.four-stars {width:80%;z-index:3;}
    17. .itemRatingList a.five-stars {width:100%;z-index:2;}
    18. .itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}
    19. span.siteRoot {display:none;}


    Подозреваю, что проблема в самом шаблоне все-таки. На другом форуме написали, что это из-за того, что точки прописаны для меню и скорее всего у меня в меню список идет точками. Только в каком файле css они находятся тоже хз((
     
  5. Offline

    luzhkodi Недавно здесь

    Регистрация:
    18.11.2012
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Когда меняешь тему на Atomic, все работает нормально. С планшета и мобильника тоже все нормально показывает. Удалял в папке с темой самой папу CSS. Но это не помогало. Точки оставались. Восставновил ее. Вот прикрепил архив снизу с папкой CSS. Может кто разберется...

    Ссылка на rghost

    Еще одно наблюдение! С Google Chrome работает, то есть ненавистных точек нет на заднем фоне. А вот Мозилла, Опера, ИЕ подводят.
     
    Последнее редактирование: 19.11.2012
  6. Offline

    luzhkodi Недавно здесь

    Регистрация:
    18.11.2012
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Ладно, уже неактуально. Сменил шаблон. Можете закрыть тему. Спасибо.
     

Поделиться этой страницей

Загрузка...