Um noch einmal auf den Bilderslider zurückzukommen: In dieser Variante bediente ich mich wieder der ursprünglichen Struktur, den gesamten Inhalt in eine Liste zu schreiben. Javascript fängt fehlende CSS3-Fähigkeiten ab. Einem Browser der weder Javascript noch CSS3 unterstü... [Mehr]

  CSS Transitions CSS 2D Transforms CSS 3D Transforms CSS Animations IE 8 no no no no IE 9-Preview no no no no FF 3.6.6 no yes no no FF 4 Beta yes yes no no Opera 10.60 yes yes no no Google Chrome 5.0.375.99 yes yes no yes Safari 5.0 y... [Mehr]

Zwei Dinge stören mich bei der reinen CSS3-Version doch noch. Immerhin, es funktioniert. Wer einen geeigneten Browser hat, kann sich nun durch die einzelnen Bilder durchklicken. Da die <spans> mit den Bildern drin erst dann eine Ausdehnung bekommen, wenn sie "getarget" sind, bekam der Div... [Mehr]

Heute Nacht vor dem Einschlafen kam mir die Idee, einen Versuch mit CSS3 zu starten und mit der Pseudoklasse "target" und für den Slideffekt "transition" zu arbeiten - und dabei so wenig wie möglich umbauen zu müssen. Erst mal war ich enttäuscht. Mein Standardbrowser Firefox steu... [Mehr]

Bei reinem CSS wie im vorangegangenen Beispiel kann ein Bildwechsel nur beim Hovern über ein anderes Thumbnail erfolgen. Immerhin ist so eine Bedienung auch mit Browsern möglich, in denen Javascript gar nicht läuft. Für alle anderen erhöht sich der Komfort der Konstruktion m... [Mehr]

Code Ausprobieren

Anfang dieser Woche war es mal wieder so weit. Ich bekam Lust auf ein neues Layout. Diesmal wollte ich ein konstantes Layout das auch beim Scrollen stehen bleibt. Mit der Scrolleiste wird nur der Textbereich bewegt, und zwar unter den Layoutrahmen hindurch. Die Bearbeitung der Template-Dateien nahm... [Mehr]

Bisher war sie in meinen Webprojekten noch drin, für 2010 gilt das nicht mehr. Die Unterstützung des Internet-Explorer 6 mit eigenen CSS-Anweisungen um seine Bugs auszugleichen, stelle ich ab sofort ein. Meine eigene Website hatte ich bereits bei der letzten Neuauflage nicht mehr angepasst... [Mehr]

... ein Hintergrundbild und eine Hintergrundfarbe haben? - Ja, jedoch kommt es auf die Reihenfolge an (dass das einen Unterschied macht fiel mir erst auf, als ich es mal versehentlich umkehrte). So ist nur das Bild zu sehen, aber keine Farbe: body { background-color:#e2decf; backgroun... [Mehr]

Runde Ecken mit CSS [Mehr]