Firefox: Code-Beispiele in Listen machen Probleme

In letzter Zeit ist es recht beliebt geworden, Code-Beispiele in HTML-Listen zu packen, beispielsweise so:

<ul>
<li><code>&lt;style type="text/css"&gt;</code></li>
<li><code>@media screen,projection {</code></li>
<li><code>/**/</code></li>
<li><code>}</code></li>
<li><code>&lt;/style&gt;</code></li>
</ul>

(Live-Beispiel unsortierte Liste)

Schön und gut, mag semantisch auch irgendwie sinnvoll sein, gerade wenn man im Artikel Bezug auf die Zeilennummer (bei ol-Listen) nimmt. Leider macht da Firefox ein Problem, wenn man den Code kopiert und anschließend im Editor einfügt:

   * &lt;style type="text/css"&gt;
    * @media screen,projection {
    * /**/
    * }
    * &lt;/style&gt;

Sternchen am Anfang, bei ol-Listen die Listen-Nummerierung:

Sortierte Listen ol

<ol>
<li><code>&lt;style type="text/css"&gt;</code></li>
<li><code>@media screen,projection {</code></li>
<li><code>/**/</code></li>
<li><code>}</code></li>
<li><code>&lt;/style&gt;</code></li>
</ol>

(Live-Beispiel sortierte Liste)

Wird zu:

   1. &lt;style type="text/css"&gt;
   2. @media screen,projection {
   3. /**/
   4. }
   5. &lt;/style&gt;

Fazit

Copy & Paste ist somit nicht mehr ohne weiteres möglich, da immer eine Nachbearbeitung des Codes erfolgen muss. Daran erinnert, dass dem so ist, hat mich der Artikel Quellcode mit HTML formatieren. Vielen Dank dafür ;)

IRC-Channel für Webworker: #weblounge

Christian, Arne und meiner einer haben den IRC-Channel #weblounge auf FreeNode gegründet.

Was wir da machen wollen: Bisschen über’s Webwork-Leben quatschen, diskutieren, Seiten empfehlen und bei Problemen helfen.

In den letzten Talk-Runden ist mir mal aufgefallen, dass ich ein wenig aufholen sollte mit meinem Web-Wissen, gerade bei den CMS gibts so einige Lücken. rolleyes

Wer mitmachen möchte schaut am besten mal bei FreeNode (irc.freenode.org:6667) im Channel #weblounge vorbei.

Weblounge open for everyone, Back to the Roots – Buddelt IRC wieder aus