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


Маркированный Список


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 24 Октябрь 2012 - 20:21

Сайт. При перенесении из привычного поля Описания в правое поле под ценой перестали отображаться точки маркированного списка.
Изображение


Как можно строчки списка приблизить друг к другу?

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 06:58

Просмотр сообщенияogonek7777 (24 Октябрь 2012 - 20:21) писал:

Сайт. При перенесении из привычного поля Описания в правое поле под ценой перестали отображаться точки маркированного списка.
Изображение


Как можно строчки списка приблизить друг к другу?
Добавить точки перед пунктиками списка, вы может в редакторе шаблонов.
Административная панель, Сайт-Редактор тем, открыть файл main.csstemplate.
Найти код :
#primaryContent ul {
  margin-left: 20px;
  margin-right: 20px;
}
Заменить на:
#primaryContent ul {
  margin-left: 20px;
  margin-right: 20px;
  list-style-type: disc;/*указывается тип маркера*/
}
Найти код :
#primaryContent ul li {
 
  padding-left: 5px;
  margin: 0.8333em 0 0.8333em 0;
}
Заменить на :
#primaryContent ul li {
 
  padding-left: 5px;
  margin: 3px 0 3px 0;/*3px это нижний отступ и верхний отступ */
}


Вы так же можете более подробно почитать о маркировке списков по этой ссылке list-style-type

#3 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 25 Октябрь 2012 - 19:06

Просмотр сообщенияKoderhan (25 Октябрь 2012 - 06:58) писал:

Добавить точки перед пунктиками списка, вы может в редакторе шаблонов.
Административная панель, Сайт-Редактор тем, открыть файл main.csstemplate.
Найти код :
#primaryContent ul {
  margin-left: 20px;
  margin-right: 20px;
}
Заменить на:
#primaryContent ul {
  margin-left: 20px;
  margin-right: 20px;
  list-style-type: disc;/*указывается тип маркера*/
}
Найти код :
#primaryContent ul li {
 
  padding-left: 5px;
  margin: 0.8333em 0 0.8333em 0;
}
Заменить на :
#primaryContent ul li {
 
  padding-left: 5px;
  margin: 3px 0 3px 0;/*3px это нижний отступ и верхний отступ */
}


Вы так же можете более подробно почитать о маркировке списков по этой ссылке list-style-type

Большое спасибо!

#4 proncom

proncom

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 83 сообщений

Отправлено 19 Февраль 2013 - 22:14

У меня в main.csstemplate. нет
#primaryContent ul {
  margin-left: 20px;
  margin-right: 20px;
}

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 19 Февраль 2013 - 23:38

Данные изменения производятся для шаблона "Мокко". Вероятно у вас установлена другая тема оформления.

#6 Z_Mc

Z_Mc

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 24 Февраль 2014 - 10:45

#primaryContent ul li {

а можно как-то разделить, где указывать маркер, а где нет?
ситуация такая
1) используется во вкладках на Главной и там не нужен маркер, т.е. нужно
list-style-type: none;
2) в описании и/или характеристиках товара, там нужен маркер (пример, http://akku13.ru/goo...UltimateLithium со слов "Срок службы" и т.д.)

#7 Stasya

Stasya

    Активный участник

  • Модераторы
  • 4 007 сообщений

Отправлено 24 Февраль 2014 - 14:30

В конец файле main.css добавьте блок
#primaryContent > div:nth-child(1) > div.htmlDataBlock li {
list-style-type: circle;
}
Тем самым Вы добавите маркеры списков, которые располагаются в описании страницы(товара), в том числе и характеристики товаров.

#8 Z_Mc

Z_Mc

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 24 Февраль 2014 - 20:29

Просмотр сообщенияStasya (24 Февраль 2014 - 14:30) писал:

В конец файле main.css добавьте блок
#primaryContent > div:nth-child(1) > div.htmlDataBlock li {
list-style-type: circle;
}
Тем самым Вы добавите маркеры списков, которые располагаются в описании страницы(товара), в том числе и характеристики товаров.

спасибо! то, что надо было + быстро и с 1го раза




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных