Наличие пары проблем с оружием массового поражения Derobins - PullRequest
Новая
       18

Наличие пары проблем с оружием массового поражения Derobins

0 голосов
/ 06 октября 2009

У меня небольшая проблема с реализацией редактором оружия массового поражения Derobin.

Похоже, форматирование выполняется неправильно, и я не совсем уверен, почему. Хотя я не уверен, стоит ли мне спрашивать об этом в Doctype или нет.

Я использовал примеры текста с уценкой из справочника SO, который, конечно, должен выглядеть следующим образом:

  1. Списки в элементе списка:
    • Отступ с четырьмя пробелами.
      • отступ с восемью пробелами.
    • Снова четыре пробела.

  2. Несколько абзацев в элементах списка: Лучше всего отступить абзацы четырьмя пробелами Вы можете уйти с тремя, но это может получить сбивает с толку, когда вы вкладываете другие вещи. Придерживайся четырех.

    Мы отступили в первой строке дополнительное пространство для выравнивания это с этими пунктами. В реальном использовании мы могли бы сделать это для всего списка, так что все элементы выстраиваются в линию.

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

  3. Цитаты в элементе списка:

Пропустить строку и отступ в> четыре пробела.

  1. Предварительно отформатированный текст в элементе списка: 

    Skip a line and indent eight spaces.
That's four spaces for the list
and four to trigger the code block.

Однако то, что я получаю, выглядит так:

Example of issue

Я думаю, что это связано с CSS, но я не могу понять, что его вызывает. Я могу опубликовать CSS, если это необходимо, но я бы, вероятно, опубликовал все это, поскольку я не уверен, что является причиной этого. Однако я не уверен, что это может быть сам скрипт (что я считаю сомнительным, так как примеры работают, и я просто скопировал один и тот же точный код).

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

Я должен также добавить, что эта проблема сохраняется в IE7 / 8 и Firefox 3.5.

Любая помощь очень ценится.

РЕДАКТИРОВАТЬ: Решены Bullets / Numbers, появляющиеся вне поля с добавлением стиля CSS для ol и ul list-style-position: inside; но остальное остается прежним.

РЕДАКТИРОВАТЬ: Редактировать на основе комментариев пользователей. HTML выводится: 

<ol>
<li>Lists in a list item:
<ul><li>Indented four spaces.
<ul><li>indented eight spaces.</li></ul></li>
<li>Four spaces again.</li></ul></li>
<li><p>Multiple paragraphs in a list items:
It's best to indent the paragraphs four spaces
You can get away with three, but it can get
confusing when you nest other things.
Stick to four.</p>

<p>We indented the first line an extra space to align
it with these paragraphs.  In real use, we might do
that to the entire list so that all items line up.</p>

<p>This paragraph is still part of the list item, but it looks messy to humans. So it's a good idea to wrap your nested paragraphs manually, as we did with the first two.</p></li>
<li><p>Blockquotes in a list item:</p></li>
</ol>

<blockquote>
<p>Skip a line and
indent the >'s four spaces.</p>
</blockquote>

<ol>
<li><p>Preformatted text in a list item:</p>

<pre><code>Skip a line and indent eight spaces.
That's four spaces for the list
and four to trigger the code block.

1 Ответ

2 голосов
/ 07 октября 2009

в вашем файле CSS у вас есть это: 

* {
    margin:0;
    padding:0;
}

, который является универсальным сбросом, который удаляет отступы и поля из всего. Как я уже говорил на Doctype.com.

Вам нужно будет удалить это и использовать более контролируемый сброс, или установить некоторые отступы и поля по умолчанию для ul и li в целом.

Поскольку каждый браузер имеет разные значения по умолчанию для ul, я стараюсь не указывать их в настройках и настраивать nav ul.

вот сброс, который я использую: 

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }

, который сбрасывает почти все, кроме списков.

...