Стиль Типа Списка - PullRequest
       19

Стиль Типа Списка

1 голос
/ 23 февраля 2010

очень запутанная вещь, с которой я сталкиваюсь здесь.

Css

ul {
    list-style: none;
    padding: 1em 0;
    margin: 0;
}
li {
    padding: 1em;
    display: inline;
}
li a {
    text-decoration: none;
}
.normalized-list{
    list-style-type: disc;
    list-style-image: none;
    list-style-position: inside;
    padding: 1em 1em;

}
.normalized-list li{
    display: block;
    padding: 0.5em;
}

HTML

<ul class="normalized-list">
<li>...</li>
</ul>

К сожалению, пули не отображаются на элементах li. На самом деле я не знаю почему.

Ответы [ 4 ]

3 голосов
/ 23 февраля 2010
display: list-item;

не block.

0 голосов
/ 23 февраля 2010

Хм, некоторые браузеры довольно забавные, когда дело доходит до этого Я бы попробовал следующее

ul
{
  /*set your normal unordered list stuff*/
}

ul#specializedlist
{
  /*set your specialized list stuff*/
}
0 голосов
/ 23 февраля 2010

Но он работает на IE8.Firefox 3.6 не показывает пули.Каковы ваши ожидания?

0 голосов
/ 23 февраля 2010

возможно, потому что вы отображаете его внутри, а не снаружи элемента. так что это не видно.

.normalized-list{
list-style-type: disc;
list-style-image: none;
list-style-position: outside;
}

Вы тестировали его в нескольких браузерах? Пожалуйста, попробуйте Firefox с расширением Firebug, чтобы увидеть, работает ли наследование как следует

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...