Ответ 1
Если я не ошибаюсь, вы должны применить это правило к li, а не к ul.
ul li {list-style-type: disc;}
У меня есть таблица стилей, которая по какой-либо причине не будет применять тип стиля списка к элементу UL. Я использую CSS YUI Grid с их файлом reset -fonts-grid.css, который я знаю, полоски, которые являются частью CSS reset.
После вызова YUI я вызываю таблицу стилей для сайта и там есть блок для UL:
ul {list-style-type: disc;}
Я также попробовал установить его в стиле списка, но получить тот же результат. Я знаю, что этот CSS-блок читается так, как будто я добавляю такие вещи, как дополнения или поля, которые применяются. Тип стиля не отображается ни в Firefox, ни в IE.
Единственный другой CSS, который я применил к UL, находится в #nav div, но CSS не касается типа стиля списка, он использует reset, который предоставил YUI, и YUI и таблица стилей сайта это только два листа CSS, которые вызывают.
У меня также есть FCKEditor на стороне администратора сайта, и этот редактор действительно показывает стили пули, поэтому я знаю, что это должно быть что-то с CSS, который не фильтруется FCKEditor.
Если я не ошибаюсь, вы должны применить это правило к li, а не к ul.
ul li {list-style-type: disc;}
Вам нужно включить следующее в свой css:
li { display: list-item; }
Это заставляет Firefox показывать диск.
и вы также можете указать левый край, если reset.css, который вы используете, делает всю маржу нулевой: это означает:
li {
list-style: disc outside none;
display: list-item;
margin-left: 1em;
}
Предполагая, что вы применяете этот css после reset, он должен работать!
Маттиу Рикуд
У меня была эта проблема, и оказалось, что у меня не было прокладки на ul, что останавливало отображение дисков.
Маржинальные помехи с этим тоже
Эта проблема вызвана тем, что атрибут li
display
установлен в block
в родительском классе. Переопределение с помощью list-item
решило проблему.
Убедитесь, что "li" не имеет overflow: hidden
.
У меня была эта проблема, и оказалось, что у меня не было прокладки на ul, что останавливало отображение дисков.
Я уверен, что предоставление примеров кода поможет вам получить решение быстрее. Если вы можете загрузить пример этой проблемы где-нибудь или предоставить разметку, чтобы мы могли протестировать ее на наших локальных хостах, у вас будет больше шансов получить ценный вклад.
Проблема с вопросами заключается в том, что они заставляют других полагать, что человек, задающий вопрос, обладает достаточными знаниями, чтобы задать вопрос. В программировании это не всегда так. Возможно, вы что-то пропустили или случайно набросились. Без того, чтобы другие смотрели на ваш код, они должны предположить, что вы ничего не упустили и ничего не заметили.
Все, о чем я могу думать, это то, что после этого что-то переделывает.
Сначала вы включаете стили reset, правильно?
В IE я просто использую класс "normal_ol" для стилизации списка ol и сделал некоторые изменения, показанные ниже:
предыдущий код: ol.normal_ol {float: left; padding: 0 0 0 25px; Маржа: 0; ширина: 500px;} ol.normal_ol li {font: normal 13px/20px Arial; цвет: # 4D4E53; плыть налево; ширина: 100%;}
измененный код: ol.normal_ol {float: left; padding: 0 0 0 25px; Запас: 0;} ol.normal_ol li {font: normal 13px/20px Arial; цвет: # 4D4E53; }
Оказывается, что YUI reset CSS стирает стиль списка из "ul li" вместо "ul", поэтому установка его только в "ul" никогда не срабатывала.
Мой reset.css
был margin: 0, padding: 0
. После нескольких часов поиска и устранения неполадок это сработало:
li {
list-style: disc outside none;
margin-left: 1em;
}
ul {
margin: 1em;
}