CSS clearfix

Das Problem mit “float-Elementen” innerhalb eines Container ist, dass diese manchmal “ausbrechen”. Der Grund dafür ist, dass der Float, den Fluss unterbricht und somit das überstehende Element nicht weis wie hoch es sein soll. Da man es eigentlich schlecht erklären kann – hier ein Beispiel was gemeint ist:

CSS3 Box und Text-Shadow

Firefox und Safari bieten die Möglichkeit an per CSS Schatten-Effekte beim Text oder auch beim Box-Model zu zaubern.
Beim Text-Shadow sieht es so aus:

text-shadow: 2px 2px 2px #000;

HTML 5 Layout

Die Arbeit am HTML 5 ist zwar noch nicht abgeschlossen, da es aber von dem W3C-Konsortium vorgestellt und schon von den modernen Browsern unterstützt wird, werde ich in diesem Artikel zeigen wie man ein Seitenlayout mit HTML 5 erstellt.

Blueprint CSS Framework

Das Blueprint Framework ist vorgefertigtes Gerüst welches einem sehr viel Arbeit abnehmen kann. Es ist ein typografisch angepassten Layout in einem 24 Spalten (Grid) Design mit einer “Reset.css” und einem Stylesheet fürs Drucken. Ansonsten findet man noch ein CSS-File für schöne Formulare und noch ein paar Plugins für Buttons, Tabs und Sprites.
Das tolle an Blueprint [...]

Alternative CSS-Datei für den Internet Explorer

Da der IE in den meisten Fällen HTML Seiten anders als z.b. der Firefox anzeigt, kann man das Problem entweder mit einem Hack, oder mit einer CSS Datei die nur für den IE importiert wird lösen. Diese Methode nennt sich “conditional comments” und ermöglicht einen validen CSS Code für alle Browser.

4 CSS Layouts zum downloaden

Layouts mit CSS und XHTML zu bauen ist ja nicht jedermanns Sache, also habe ich mir gedacht ich mach mal einfach ein paar davon.
Hier das Ergebniss zum kostenlosen Download:

CSS Flashmessage styling

Auf fast jeder Seite wird man früher oder später einer grünen Success- oder einer roten Errormessage begegnen. In diesem kurzem Tutorial werde ich erklären wie man eine Flashmessage wie diese hier erstellt:
Hallo, ich bin eine rote Flashmessage!
Hallo, ich bin eine grüne Flashmessage!

CSS Blockqotes

Heute werde ich mal ein kurzes Tutorial über das Styling von blockquotes erstellen.
Im großen und ganzen wird das Ergebniss letzendlich so aussehen:
Der erste Vorschlag für Cascading Style Sheets kam 1993 auf, mehrere weitere folgten bis 1995.

CSS Tabellen

Die Zeiten wo man noch ein Layout mit Tabellen erstellt hat sind vorbei, was nicht heissen soll dass diese nicht mehr benutzt werden. Sie erfüllen andere, wichtige Zwecke und werden nach wie vor gebraucht. Deshalb beschäftigt sich dieser Artikel mit einer einfache Tabelle, welche mit hilfe von CSS gestylt wird. Das Ergbinss sieht dann so [...]

CSS Sprites

Die CSS Sprites Technik ist keine Neuerfindung, da es schon zu den alten “Super Mario Brothers Nintendo Zeiten” verwendet wurde. Grössere Webseiten nutzen die Technik um die Ladezeiten zu verringern. Wenn man z.b. Tonnen von JavaScript für Werbung, Tracking und andere Sachen laden muss, versucht man an jeder Ecke zu optimieren.

keep looking »