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

Реферальная программа Мегаплана

Партнерская программа Kredov

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

#1 Arven

Arven
  • Пользователь
  • 6 сообщений
  • Репутация: 0
0

Отправлено 17 Март 2016 - 22:56

Тема ColorMag, стиль списка давно делал дизайнер, но с ним связь утеряна.

Неверно работает маркированный список <ul>. Выводит так:

1.png

Если сменить тему, такой проблемы нет.  Подскажите, где можно покопаться, чтобы исправить?

 

Посмотрела с помощью Firebug, показал:

.post ol { 
list-style: none; 
background: #ccc; 
counter-reset: numList; 
margin-left: 45px;  
} 
.post ol li {  
 width: 670px; 
 float: left; 
 position: relative; 
padding: 10px 0px;  
} 
.post ol li:before { 
    counter-increment: numList; 
    content: counter(numList);  
    float: left; 
    position: absolute; 
    left: -35px;  
    font-weight: bolder; 
    font-size: 12px; 
    color: #fff; 
    line-height: 25px; 
margin: 0px; 
    width: 25px; 
    height: 25px; 
    background: #3963b2; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
}  
.post ul {} 
.post ul>li { list-style-image: url("images/list.png"); margin: 5px 0px; margin-left: 30px; padding-left: 10px; }
.post em { font-style: italic; }

По-моему, что-то в коде не хватает.


 

 

  • 0

#2 BLIK

BLIK
  • Супермодератор
  • 3 173 сообщений
  • Репутация: 632

Отправлено 17 Март 2016 - 23:06

@Arven,А вы пробовали код списка ставить в режиме html( в редакторе) и сохранить не переключаясь в визуальный режим? 


  • 0


#3 Arven

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

Отправлено 17 Март 2016 - 23:32

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


  • 0

#4 BLIK

BLIK
  • Супермодератор
  • 3 173 сообщений
  • Репутация: 632

Отправлено 17 Март 2016 - 23:38

@Arven,То есть вы вставили код и не переключались для просмотра в визуальный режим и опубликовали и все равно криво?

 

Но, в визуальном все нормально?

 

У меня когда были подобные проблемы, решалось вставкой в html режиме и публикованием не переключаясь, так как после переключения в визуальный  и обратно "код обрезался"

 

Можно попробовать в режиме html вставить код списка и поставить кодом перенос строки между списками (попробовать)


  • 0


#5 BLIK

BLIK
  • Супермодератор
  • 3 173 сообщений
  • Репутация: 632

Отправлено 17 Март 2016 - 23:59

@Arven,Не знаю поможет ли в вашем случае или нет.

 

Попробуйте в этой строке

margin-left: 45px; 

поставить 30px или 35px


  • 0



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