Peruns Weblog - Webwork und Internet

Wer seine Tabellen - wir reden hier von Daten- und nicht von Layout-Tabellen - etwas aufpeppen will, der sollte mal auf dieser Seite vorbeischauen. Entweder man lässt sich von den Beispielen inspirieren oder man lädt sich die Beispiele direkt herunter.

Bei der Erstellung von Druckstylesheets sollte man schauen, daß man nicht die Eigenschaft float anwendet, denn die Mozilla-Browser verschlucken sich dabei, guckst du hier. Aber auch der allseits beliebte Internet Explorer hat so seine Macken diesbezüglich. Benutzt man im Quelltext id="tags", dann bricht der IE den Druck genau bei dieser Zeile. Weitere Infos gibt es hier.

Khoi Vinh war so nett und hat eine Formular-Vorlage auf seiner Seite zum Download bereitgestellt. Wer also in Eile ist oder keine Lust hat sich mit den Tiefen des Formulardesigns oder ein praktisches Beispiel braucht sollte zugreifen.

Bewertungssysteme die Sternchen-Grafiken nutzen sind vielen von uns bekannt, auf komodomedia.com gibt es ein Tutorial wie man so was mit XHTML & CSS aufbauen kann.

A List Apart hat wieder ein neues Design und ich muss sagen, das neue Design gefällt viel besser als das alte. Es ist irgendwie viel offener, freundlicher und lädt zum längeren Aufenthalt auf der Seite ein. Es ist schlicht, aber trotzdem schön. Einfach, aber trotzdem edel.

Als ich gelesen habe, daß ALA ein Redesign hinter sich hat, hatte ich befürchtet die Website würde mit den ganzen "neuen" Techniken (Ajax, sfir, fir etc.) überfrachtet werden, aber dies ist zum Glück nicht geschehen und man kann davon ausgehen, daß sich die Macher auch in Zukunft auf das wesentliche konzentrieren werden.

Aber etwas macht mich doch stutzig:

<h1 class="title"><a href="/articles/ala40">A List Apart 4.0</a></h1>
<h3 class="byline">by <a href="/authors/z/zeldman"> Jeffrey Zeldman</a></h3>

Ich dachte immer das nach einer Überschrift erster Ordnung (h1) als nächstes eine Überschrift zweiter Ordnung (h2) kommt und dann eine Überschrifft dritter Ordnung usw. Wenn aber nach einer Überschrift des ersten Grades direkt eine Überschrift dritten oder vierten Grades kommt, dann ist imho die hierarchische Struktur nicht mehr wirklich vorhanden. Oder irre ich mich da?

Dank CSS-Zen-Garden gibt es auf Spiegel-Online einen kurzen Artikel über CSS. Sehr schön fand ich den letzten Absatz:

Die kreativsten Ideen für eine originelle CSS-Umsetzung scheitern allerdings oft genug daran, dass sie nicht von allen Browsern unterstützt werden. Mal ist es der Internet-Explorer, mal Firefox oder Opera, die sich nicht in vollem Umfang standardkonform verhalten und die Web-Designer an den Rand der Verzweiflung bringen.

Unter der Überschrift How to style a restaurant menu with CSS gibt es auf Web-graphics eine Anleitung wie man eine Speisekarte für ein italienisches Restaurant machen könnte. An sich nichts spektakuläres, es wurden Definitionslisten eingesetzt wobei einige der Listenelemente floaten.

Aber etwas an dem Beispiel hat mein Interesse geweckt. Denn der Autor stellt sich die Frage ob es möglich sei, daß man ohne den Einsatz von zusätzlichen HTML-Elementen und sogar ohne des Einsatzes von clear in der CSS-Datei ein vorheriges floatendes Element zu "clearen" (das floaten aufzuheben):

So we have learned how to contain floats without extra markup, even without using the clear property. My challenge was: is it possible to clear the influence of a previous floated element without using clear itself?

The answer is yes, we can. The following CSS rule:

div.whatever{clear: both;}

is equivalent to the following:

div.whatever{float: left; width: 100%;}

Hört sich interessant an. Werde es mal bei Gelegenheit austesten.

Wer kennt das nicht aus der Schulzeit . Tagelang vor einer Klausur hat man an einem Spickzettel gebastelt und versucht so viel Wissen wie möglich auf einem kleinen Zettel unterzubringen. Auch wenn es man es innerhalb der Klausur nicht zum Schummeln verwendet hat, so war dieser Zettel nicht umsonst. Dadurch, daß man sich mit der Materie auseinandergesetzt hat ist zumindest etwas vom Lernstoff hängengeblieben.

Jetzt gibt es für Webworker Spickzettel, welche man ohne Angst und schlechtes Gewissen verwenden darf :-):

• CSS-Spickzettel
• PHP-Spickzettel
• MySQL-Spickzettel
• mod_rewrite-Spickzettel
• .htaccess-Spickzettel (neu)

Via CSS-Technik-News.