michelb.de

Der IE6 hat ein Problem mit display: block;-Links in absolut positionierten (Listen-)Elementen. Wenn man dem Link keinen Hintergrund zuweist, ist der Link zwar da, kann aber nicht per Drüberfahren erkannt und demnach auch nicht angeklickt werden. Tabbt man sich durchs Dokument, landet man auch beim Link, aber anvisieren mit dem Mauszeiger? No go.

Auch eine Höhen- und Breitenangabe half nicht, einzig und allein ein background: url(leer.gif); half, um den Dämon auszutreiben.

Wieso man Links überhaupt mal absolut positioniert? Nun ja, damit kann man ganz nett eine Imagemap zusammenschustern, das @map@-Element mochte ich noch nie, auch wenn es in XHTML 1 noch existiert.

Ab dem 1. Dezember ist es wieder soweit: Jeden Tag bis Heilig Abend kann ein Webdesign- und Webentwicklungstürchen bei den Webkrauts geöffnet werden.

Diesmal haben wir uns gedacht, kürzere Beiträge als letztes Jahr zu veröffentlichen und die inhaltlich variabler zu werden. So wird erstmals ein Gedicht zu lesen sein, wir kümmern uns um Wireframes, Flash-Implementierung, Schriften oder Entwurfsarbeiten. Jens Grochtdreis

Das verspricht doch eine nette Vorweihnachtszeit ;)

Die Grafik stammt von Manuela Hoffmann.

Ach ja, auch 24 ways wird wieder dabei sein.

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.

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:

   * <style type="text/css">
    * @media screen,projection {
    * /**/
    * }
    * </style>

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. <style type="text/css">
   2. @media screen,projection {
   3. /**/
   4. }
   5. </style>

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

Wie sich das Internet seit 1999 veränderte – aus meiner persönlichen Sicht. Und ein Seitenhieb auf den Informatik-Unterricht ;)

→ Weiterlesen: Das Internet heute und damals - aus persönlicher Sicht