Domanda

Ho un piccolo problema con l'attuazione di Derobin di editor di WMD.

Non sembra essere corretta formattazione e io non sono del tutto sicuro perché. Anche se non sono sicuro se devo essere chiedendo questo su Doctype o no sia.

Stavo usando gli esempi di testo mark-down dal riferimento SO, che ovviamente dovrebbe essere simile al seguito:

  1. Liste in una voce di elenco:
    • rientrati quattro spazi.
      • frastagliate otto spazi.
    • Quattro spazi di nuovo.
  2. più paragrafi in una voci di elenco: E 'meglio rientrare i paragrafi quattro spazi Si può ottenere via con tre, ma si può ottenere confusione quando si nidificare altre cose. Stick per quattro.

    frastagliata la prima linea di uno spazio aggiuntivo per allineare con questi paragrafi. Nell'uso reale, potremmo fare che, per l'intero elenco in modo che tutti gli elementi in fila.

    Questo paragrafo è ancora parte della voce di elenco, ma sembra disordinato per gli esseri umani. Quindi è una buona idea per avvolgere i paragrafi annidati manualmente, come abbiamo fatto con i primi due.

  3. Blockquote in un elemento della lista:

  

saltare una riga e   rientro per la> 's quattro spazi.

  1. testo preformattato in un elemento della lista:

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

Tuttavia, quello che mi si presenta così:

Esempio di emissione

Credo che questo sia correlato CSS, ma non riesco a vedere quale è la causa. Posso pubblicare il CSS se è necessario, ma probabilmente sarei postare tutto questo come io non sono sicuro di quello che è la causa. Tuttavia, non sono sicuro se potesse essere lo script vero e proprio (che trovo dubbioso come dimostrano gli esempi di lavoro e mi hanno semplicemente copiato il codice esattamente lo stesso).

Vorrei anche sottolineare, che l'esempio che viene fornito con il download delle ADM funziona bene su di essa la propria, ma una volta che lo aggiungo alla mia domanda, quanto sopra si verifica.

Vorrei anche aggiungere che questo problema è persistente in IE7 / 8 e Firefox 3.5.

Ogni aiuto è molto apprezzato.


Modifica Risolto i Punti / Numeri che appaiono al di fuori della scatola con l'aggiunta di stile CSS per olo e ul del list-style-position: all'interno; ma il resto rimane sempre lo stesso.

Modifica Modifica sulla base dei commenti degli utenti. L'uscita essendo 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.
</code></pre></li>
</ol>
È stato utile?

Soluzione

nel file css avete questo:

* {
    margin:0;
    padding:0;
}

che è un reset universale che rimuove imbottitura e il margine da tutto. Come ho detto in Doctype.com.

Sarà necessario rimuovere tale, e utilizzare un ripristino più controllabile, o impostare alcune imbottiture di default e margini per ul e di Li in generale.

Come tutti i browser sembra avere valori di default diversi per ul di tendo omettere loro dal mio ripristino e impostare NAV di ul specifico.

Ecco il reset che uso:

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

che azzera quasi tutto diverso da liste.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top