Peruns Weblog - Webwork und Internet

Was man mit CSS alles machen kann zeigt die Demo von Roman Cortes. Er hat mit jede Menge div-Elementen und CSS das Portrait von Homer Simpson gezeichnet. Einfach mal in den Quelltext schauen.

Ned Batchelder hat die Demo erweitert und daraus mit ein bisschen jQuery eine Animation erstellt.

Vielen Dank an Sahanya für den Hinweis.

Seit sehr langer Zeit setze ich hier im Weblog eine CSS-Datei für die Druckausgabe, hier der Code aus dem entsprechenden Bereich:

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Das Ergebnis ist jedem halbwegs erfahrenem Webworker klar. Der Browser liest beide CSS-Dateien ein [1] und je nach dem im welchen Modus man sich befindet (z.B. Druckvorschau) wird die entsprechende CSS-Datei eingesetzt. Somit kann man z.B. für die Druckausgabe eine optimiertes Dokument ausgeben lassen. Hier in diesem Weblog blende ich so gut wie alles was nicht direkt zum Inhalt gehört aus. Einfach mal im Browser die Druckvorschau aufrufen oder auf den Druckvorschau-Link klicken. (weiterlesen…)

Auch dieses Jahr gibt es einen Adventskalender der Webkrauts. Diesmal werden die Beiträge kürzer sein, aber dafür die Palette der Inhalte breiter.

Weitere Infos gibt es bei Jens.

Wenn man mich nett darum bittet, dann verweise ich gerne auf interessante Projekte. Es handelt sich um das Deutsche Gegenstück zu CSS-Rebot: CSSneustart.de.

Am 01. Juli 2007 um 00:00 Uhr WESZ starten alle Teilnehmer mit ihren Webseiten neu durch und geben ihnen ein neues Gesicht.

Hinter diesem Projekt stecken Felix, Benjamin und Jowra. Viel Spaß und Erfolg mit dem Projekt.

Übrigens wäre nicht ein Weblog angebracht? Für Zusatzinformationen, Stand der Dinge, wer sich angemeldet hat etc.

Nachtrag: ich habe jetzt alle Verlinkungen außer die von Felix entfernt. Weil nur er in seinem Weblog das nofollow-Attribut entfernt hat. Die anderen beiden setzen es fleißig ein und ich sehe es nicht ein auf ein Projekt zu verweisen, wo 2/3 der Verantwortlichen das nofollow einsetzen. Ne, ne Leuts, so nicht. Wenn ihr auf Backlinks hofft, dann nicht mit nofollow. Geben und nehmen heißt die Devise und nicht nur nehmen.

Derek Punsalan stellt einen interessanten Ansatz wie man mittels CSS ein ansprechendes Inhaltsverzeichnis realisieren kann. Dabei kommen Listen zum Einsatz und der Listeninhalt der zuerst im Quelltext vorkommt wird rechts gefloatet und der nachfolgende Inhalt wird links gefloatet und das ganze Listenelement bekommt als Hintergrund eine 1×1 Pixel Grafik welche eine dünne Linie simuliert … lange rede kurzer Sinn, am besten man schaut sich das Beispiel direkt an.

Via F-LOG-GE.

SELFTHTML gibt es nun in der Version 8.1.2. Wer die HTML-Version nutzt, der kann sich das komplette Paket auch hier (selfhtml812.zip, ca. 8,2mb) im Download-Bereich herunterladen.

Via: SELFHTML aktuell Weblog.

Gerade hatte ich eine HTML-Dokumentation bekommen und wurde gefragt ob ich das Problem in Verbindung mit der Druckfunktion und dem Internet Explorer 6 lösen kann. Im Browser (sowohl IE als auch Firefox) wurde das Dokument ordentlich dargestellt. Wenn man aber versucht hat das Dokument auszudrucken, dann hat der Internet Explorer 6 gestreikt und hat mit folgender Meldung das Druckfenster geschlossen:

"Internet Explorer konnte das Dokument aufgrund eines internen Fehlers nicht drucken."

Firefox, SeaMonkey und Internet Explorer 7 hatten kein Problem das Dokument auszudrucken. Nach einer kurzen Recherche habe ich dann das Problem herausgefunden. Der IE 6 störte sich an <div id="tags">...</div> da es sich bei dem Attribut-Wert tags um einen reservierten ID-Wert handelt. Nach dem der Wert umbenannt wurde, hat auch der IE 6 das Dokument ausdrucken können.

Weitere Infos bei Eric Meyer.