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

andrystepa · August 29, 2012

Переделываю список публикаций на нашем сайте. Сайт писали давно, и тот человек, что писал его уже недоступен. Раньше список был создан без тегов списка, а просто текстом. Я попытался из этого списка создать вложенный список - основной список - маркеры квадратики, вложенный - нумерованный. Раньше мне это делать не приходилось. Прочитал как делать вложенные списки, нумерованные и маркированные именно на этом сайте. Вот код:


<ul>
    <li>
    <div class="doclist-pdf"><b>ПУБЛИКАЦИИ «АО Ансальдо-ВЭИ» по РЕГУЛИРУЕМОМУ ЭЛЕКТРОПРИВОДУ</b> <br/>
    <br/>
    </div>
    <div class="doclist-pdf">
    <ol type="1">
        <li>  Добкин И.Д., Крайнов В.С., Чуприков В.С. Система управления высоковольтным преобразователем с низким уровнем высших гармоник входного тока. // Сборник докладов V симпозиума "Электротехника 2010 год", том II. Московская обл., октябрь 1999 г. </li>
        <li> <a href="/upload/File/TPCH_KREP_6300.pdf"><img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/>Таратута И.П., Чуприков В.С.</a> Тиристорный преобразователь частоты для комплектного регулируемого синхронного электропривода 6300 кВт. // "Привод и управление", №1, 2000 г. </li>
        <li><a href="/upload/File/ControlSystemelectroPower.pdf"> <img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/>Добкин И.Д., Чуприков В.С.</a> Система управления преобразователем электрической энергии с регулируемым током потребления. // Сборник докладов Международной конференции "Информационные средства и технологии", том 1. М., 2000 г. </li>
        <li> Добкин И.Д., Таратута И.П., Чуприков В.С. Тиристорное пусковое устройство для синхронных двигателей 3150 кВт 10 кВ. // Сборник докладов VI симпозиума "Электротехника 2010 год", том II. Москва, октябрь 2001 г. </li>
        <li> <a href="/upload/File/Shema_PCH.pdf"><img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/>Таратута И.П., Чуприков В.С.</a> Схемотехнические и конструктивные решения преобразователей частоты для регулируемого электропривода. // "Электротехника", №9, 2001 г. </li>
        <li><a href="/upload/File/TOU4extremal_climate.pdf"><img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/>Аблаев М.А., Иванов В.А.</a> Пусковые и пускорегулирующие устройства электрических двигателей для работы в экстремальных климатических условиях.// "Электротехника", №9, 2001 г. </li>
        <li><img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/> <a href="/upload/File/TPU_expirience.pdf">Добкин И.Д., Таратута И.П., Чуприков В.С.</a>  Опыт создания частотно-регулируемого асинхронного электропривода АО Ансальдо-ВЭИ. // Материалы НТС "Концепция применения электропривода газоперекачивающих агрегатов в ОАО "Газпром", т.2. - М.: ООО "ИРЦ<br/>
        Газпром", 2002. </li>
        <li><a href="/upload/File/TPUcontrol_sys.pdf"><img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/>Красов Д.А., Кузьменко В.А., Мологин Д.С.</a> Система управления тиристорным пусковым устройством синхронных двигателей. Привод и управление №1. 2002 г. </li>
        <li>Добкин И.Д., Овчинников С.А., Таратута И.П., Чуприков В.С. Опыт создания высоковольтного частотно-регулируемого асинхронного электропривода. // Труды Четвертого международного симпозиума "Элмаш-2002", ч.II. Москва, 2002 г. </li>
        <li>Таратута И.П., Чуприков В.С. Новые конструктивные решения высоковольтных тиристорных вентилей // Сборник докладов VII симпозиума "Электротехника 2010 год", том I. Московская обл., 27-29 мая 2003 г. </li>
        <li>Таратута И.П., Чуприков В. С.Возможности применения регулируемого электропривода на магистральных насосных агрегатах мощностью 8000 кВт. // Тезисы докладов конференции "Энергоэффективность. Проблемы и решения." ГУП "Институт проблем<br/>
        транспорта энергоресурсов", г.Уфа, 20 октября 2004 г.  </li>
        <li> <a href="/upload/File/TPU_GAES.pdf"><img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/>Кузьменко В.А., Мологин Д.С., Чуприков В.С.</a> Плавный синхронных двигателей-генераторов 232 МВт 15, 75 кВ на Ташлыкской ГАЭС. // IХ Симпозиум "Электротехника 2030 год. Перспективные технологии электротехники",  Московская обл., 29-31 мая 2007 г.,<br/>
        Сборник тезисов, доклад 5/14. </li>
        <li><a href="/upload/File/Titarenko_zero-sequence.pdf"><img alt="" src="/upload/Image/icon_pdf.gif" width="16" height="16"/>Титаренко А.В.</a> Анализ перенапряжений нулевой последовательности при работе тиристорных пусковых устройств по схеме ведомого инвертора. //"Приводная техника", №4(92), 2011г. </li>
    </ol>
......
</ul>

Открываю в браузере (IE 9 и Opera 12.01) - и основной список и вложенный маркированы квадратиками! Вписал в тег <ol> параметр type=1, ничего не изменилось. Почему? Объясните пожалуйста, почему браузер отображает нумерованный список как маркированный?

wwt · August 29, 2012

type=1 ?

атрибут type для элементов ul и ol - http://htmlbook.ru/html/ul/type

в CSS - list-style-type

andrystepa · August 29, 2012

type=1 ?
атрибут type для элементов ul и ol - http://htmlbook.ru/html/ul/type
в CSS - list-style-type

И что там неправильно? Я смотрел в этой статье, В таблице 11.2. Там что неправильно написано? В ссылке, которую Вы дали про нумерованные списки ничего нет!

wwt · August 29, 2012

type=1 ?
атрибут type для элементов ul и ol - http://htmlbook.ru/html/ul/type
в CSS - list-style-type
И что там неправильно? Я смотрел в этой статье, В таблице 11.2. Там что неправильно написано? В ссылке, которую Вы дали про нумерованные списки ничего нет!

у меня ваш код отображается как нужно и в IE9 и в опере, вложенный нумерованный ибо вы прописали тип вложенному списку, а вот основной маркеры - кружки (по умолчанию), раз у вас квадраты, подозреваю у вас на странице где-то в CSS переопределяются настройки списков, можно увидеть саму страницу?

Либо ищите в css параметр list-style-type для ul и ol, скорее всего там переопределено для них на square.

Edited August 29, 2012 by wwt

andrystepa · August 29, 2012

Саму страницу можно посмотреть по этой ссылке Сайт написан на php. И основная часть контента записана в базу MySQL. Для редактирования сайта автор оставил лишь веб-интерфейс с простеньким редактором. Так что выложенный мною код почти полностью повторяет тот, который я вижу в этом редакторе. Только вместо точек в выложенном коде расположен второй пункт основного списка.

SelenIT · August 29, 2012

Там для всех li стоит (в <style> на самой странице, стр. 41-43):

list-style-image: url("/images/sq.gif");
list-style-type: disc;

Самый простой вариант — поменять там селектор с li на ul > li, тогда нумерованные списки будут отображаться как по умолчанию.

andrystepa · August 29, 2012

И при этом маркеры все-же отображаются в виде квадратиков, а не в виде кружочков. Странно это. Я в каждый тег <li> в нумерованном списке вставил такие опции:

style="LIST-STYLE-TYPE: decimal; LIST-STYLE-IMAGE: none"

Конечно все теперь работает правильно, но впечатление что из пушки по воробьям, осталось. Может как-то можно для каждого списка определить настройки?

wwt · August 29, 2012

вам уже выше написали у вас на странице есть CSS в нем для li прописано:


li {
   list-style-image: url("/images/sq.gif");
   list-style-type: disc;
}

либо уберите эти параметры для li либо переопределите их. Подозреваю что стиль находится в каком - либо файле php где находится сам шаблон страницы.

если шаблона не найти то, добавьте в ваш код следующее:


<style>
ol > li {
   list-style-image: none;
   list-style-type: decimal;
}
ul > li {
   list-style-image: none;
}
</style>

либо руками прописывайте в каждом теге ul и ol настроечки.

Edited August 29, 2012 by wwt

andrystepa · August 29, 2012

Где находится стиль пока не нашел. Попробовал вставить указанный Вами код перед началом списков. И убрал из пары тегов li вышеуказанные параметры. В результате, в тех элементах списков, где я убрал параметры вместо цифр стоят квадратики. Так что эта вставка не работает.

wwt · August 29, 2012

как бы это не было странно когда я через инспектор вставляю все работает

Edited August 29, 2012 by wwt

andrystepa · August 29, 2012

Там для всех li стоит (в <style> на самой странице, стр. 41-43):
list-style-image: url("/images/sq.gif");
list-style-type: disc;
Самый простой вариант — поменять там селектор с li на ul > li, тогда нумерованные списки будут отображаться как по умолчанию.

Вроде нашел я файл index.php в котором определен стиль. Вписал вместо li селектор ul > li. Но ничего не изменилось. Там, где в теге li нет параметра

style="LIST-STYLE-TYPE: decimal; LIST-STYLE-IMAGE: none"

Маркеры отображаются как квадратики. Там где есть - отображаются цифры. При этом в исходном коде страницы стиль выглядит так:


<style>
	td{
		font-size:11px;
		font-family: Arial, Vardana;
		color:#333333;
	}
	body{
		margin:0px;
	}
	a{
		color:#003978;
		text-decoration: none;
		font-weight: bold;
	}
	a.menu{
		color: #FFFFFF;
		font-weight: normal;
		font-size:12px;
		display: block;

	}
	td.menu{
		padding-left:15px;
		background-color:#0157B7;
	}
	ul{
		padding-left: 4px;
		margin-left: 4px;
		margin-top: 12px;
		margin-bottom: 12px;
	}
        ul > li{
		list-style-image: url(/images/sq.gif);
		margin-left:20px;
		list-style-type: disc;
		padding-bottom:5px;
		font-size: 11px;
	}
	h1{
		font-size:12px;
		color: #003978;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
</style>

После того, как я заменил в определении стиля li на ul > li, я попробовал вставить в страницу код:


<style>
ol > li {
   list-style-image: none;
   list-style-type: decimal;
}
ul > li {
   list-style-image: none;
}
</style>

И цифры стали отображаться везде! Вот только квадратики в основном списке теперь не отображаются. ((

wwt · August 29, 2012

Там для всех li стоит (в <style> на самой странице, стр. 41-43):
list-style-image: url("/images/sq.gif");
list-style-type: disc;
Самый простой вариант — поменять там селектор с li на ul > li, тогда нумерованные списки будут отображаться как по умолчанию.
Вроде нашел я файл index.php в котором определен стиль. Вписал вместо li селектор ul > li. Но ничего не изменилось. Там, где в теге li нет параметра
style="LIST-STYLE-TYPE: decimal; LIST-STYLE-IMAGE: none"
Маркеры отображаются как квадратики. Там где есть - отображаются цифры. При этом в исходном коде страницы стиль выглядит так:
<style>
	td{
		font-size:11px;
		font-family: Arial, Vardana;
		color:#333333;
	}
	body{
		margin:0px;
	}
	a{
		color:#003978;
		text-decoration: none;
		font-weight: bold;
	}
	a.menu{
		color: #FFFFFF;
		font-weight: normal;
		font-size:12px;
		display: block;

	}
	td.menu{
		padding-left:15px;
		background-color:#0157B7;
	}
	ul{
		padding-left: 4px;
		margin-left: 4px;
		margin-top: 12px;
		margin-bottom: 12px;
	}
        ul > li{
		list-style-image: url(/images/sq.gif);
		margin-left:20px;
		list-style-type: disc;
		padding-bottom:5px;
		font-size: 11px;
	}
	h1{
		font-size:12px;
		color: #003978;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
</style>
После того, как я заменил в определении стиля li на ul > li, я попробовал вставить в страницу код:
<style>
ol > li {
   list-style-image: none;
   list-style-type: decimal;
}
ul > li {
   list-style-image: none;
}
</style>
И цифры стали отображаться везде! Вот только квадратики в основном списке теперь не отображаются. ((

я думал вы квадратики хотите заменить на кружечки )) если вам нужны квадратики для ul и цифры для ol то в вашем шаблоне сделайте так:


<style>
        td{
                font-size:11px;
                font-family: Arial, Vardana;
                color:#333333;
        }
        body{
                margin:0px;
        }
        a{
                color:#003978;
                text-decoration: none;
                font-weight: bold;
        }
        a.menu{
                color: #FFFFFF;
                font-weight: normal;
                font-size:12px;
                display: block;

        }
        td.menu{
                padding-left:15px;
                background-color:#0157B7;
        }
        ul{
                padding-left: 4px;
                margin-left: 4px;
                margin-top: 12px;
                margin-bottom: 12px;
        }
        ul > li {
                list-style-image: url(/images/sq.gif);
                margin-left:20px;
                list-style-type: disc;
                padding-bottom:5px;
                font-size: 11px;
        }
        ol > li {
                list-style-image: none;
                list-style-type: decimal;
        }
        h1{
                font-size:12px;
                color: #003978;
                font-weight: bold;
                margin: 0px;
                padding: 0px;
        }
</style>

Все другие настройки стиля для списков из тегов и тд уберите.

Edited August 29, 2012 by wwt

Sign In

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

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information