CSS/XHTML-Kuriositäten-Fundgrube

Eben in einer der CSS-Gruppen von StudiVZ gefunden:

[…] Was ist bitte schön der Unterschied zwischen P und Div? Ich kann natürlich auch ein DIV so modifizieren, dass es als Zeilenumbruch durchgeht. Geht alles..klar. aber wozu tausend verschiedene tags benutzen? Das macht den HTML-Kode zu einem Chaos. am besten wäre es glatt alle/abgesehen von a,img,table*, body etc. HTML-tags komplett abzuschaffen und nur noch Div-Tags und CSS zu nutzen.

Nur noch Links, Bilder und Tabellen benutzen und dafür auf Überschriften, Listen, Zitate, Absätze, Bereiche, Hervorhebungen, Codes, Beispiele, Formulare und vieles mehr verzichten? Viel Spaß dabei ;)

Ähnlich kurioses liefert CSS Forum Tragedies von Jens Meiert.

Ach ja, ich bin jetzt ein Webkraut, auch wenn ich gerade nich sooo die Zeit dafür hab. Webstandards gehören weitergetragen.

Tags: , , ,

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

Tags: , , , , , , , , ,