Tener un par de problemas con las ADM de Derobins

Question

Tengo un pequeño problema con la aplicación de editor de ADM de Derobin.

No parece ser el formato correctamente y no estoy del todo seguro de por qué. Aunque no estoy seguro de si se debería hacer esto en Doctype o no tampoco.

Yo estaba usando los ejemplos de texto de reducción del precio de la referencia, de manera, que por supuesto debe ser similar el siguiente:

1. Listas en un elemento de la lista:
   • separarse con cuatro espacios.
     • sangría ocho espacios.
   • Cuatro espacios de nuevo.

2. varios párrafos en una lista artículos: Es mejor para sangrar los párrafos cuatro espacios Puede salirse con tres, pero se puede conseguir confuso cuando nido otras cosas. Se adhieren a cuatro.

   sangría de la primera línea de un espacio extra para alinear con estos párrafos. En un uso real, podríamos hacer que a toda la lista de manera que todos los elementos se alinean.

   Este párrafo sigue siendo parte del elemento de la lista, pero se ve desordenado a los seres humanos. Así que es una buena idea para envolver sus párrafos anidadas manualmente, como lo hicimos con los dos primeros.

3. Las citas en un elemento de la lista:

  

Salta una línea y   sangrar la> 's cuatro espacios.

4. texto preformateado en un elemento de la lista:

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

Sin embargo, lo que consigo es el siguiente:

Creo que esto está relacionado con CSS, pero no puedo ver lo que está causando. Me pueden enviar el CSS si es necesario, pero probablemente me publicar todos de la misma ya que no estoy seguro de lo que está causando. Sin embargo, no estoy seguro de si podría ser el guión en sí (que me parece dudoso que en los ejemplos de trabajo y se limita a que han copiado el mismo código).

También debo señalar, que el ejemplo que viene con la descarga de armas de destrucción masiva funciona bien por sí mismo, pero una vez que lo añado a mi solicitud, lo anterior ocurre.

También me gustaría añadir que este problema es persistente en el Internet Explorer 7/8 y Firefox 3.5.

Cualquier ayuda es muy apreciada.

---

EDIT: Resuelto las balas / números que aparecen fuera de la caja con la adición de estilo CSS para ol y ul de list-style-posición: en el interior; pero el resto sigue siendo el mismo.

EDIT: Editar basado en los comentarios de los usuarios. El ser HTML de salida es:

<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.
</code></pre></li>
</ol>

Answer 1

en su archivo css que tiene esto:

* {
    margin:0;
    padding:0;
}

que es un restablecimiento universal que elimina relleno y el margen de todo. Como ya he dicho en Doctype.com.

tendrá que quitar eso, y usar un restablecimiento más controlable, o configurar algo de relleno por defecto y los márgenes de ul de Li y de en general.

Como todos los navegadores parece tener diferentes valores predeterminados para la ul tiendo a omitirlos de mi reset y establecer de navegación de UL específicamente.

aquí está el restablecimiento utilizo:

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;
    }

que restablece casi todo lo que no sea listas.