Freizeitler » float

CSS: Highlighting Boxes. Produkte hervorheben mit :hover

Freizeitler — Thu, 09 Jul 2009 20:23:53 +0000

In den unendlichen Tiefen des World-Wide-Webs bin ich neulich auf einen Artikel über Product Highlighting mittels CSS und Prototype.js gestossen. Interessante Geschichte, dachte ich mir, aber geht das auch ohne Javascript?Also fing ich an zu experimentieren… Highlighting Boxes. Klicken für Testcase. Moderne Webseiten (z. B. Shops oder Blogs) bedienen sich häufig auffälliger Objekte (Boxen, Badges [...]

CSS: Einen Float-Container ohne zusätzliches Markup clearen!

Freizeitler — Fri, 08 Aug 2008 21:39:57 +0000

Es gibt Situationen, in denen ein zusätzlicher div-Container mit einem “clear: both” einfach nicht mehr unterzubringen ist und zusätzlichen Code bedeuten würde. Es gibt aber die Möglichkeit einen Clear über eine Klasse anzubringen um sich diesen Code in der HTML-Datei zu ersparen… Die sogenannte .clearfix-Klasse wird direkt auf die Container angewendet, die die gefloateten Container [...]

CSS: Ein 3-Spalter-Div-Layout!

Freizeitler — Wed, 06 Aug 2008 19:49:15 +0000

Alle guten Dinge sind 3! Float: left, float: right, float: what? Nix wird so viel diskutiert wie das dreispaltige Layout in CSS. Es gibt verschiedene Herangehensweisen und Ansätze. Hier gibt’s eine zuverlässige Lösung zum downloaden… 3-spaltiges Layout mit Float-Technik. (klicken für Beispiel) Diese Methode einen 3-Spalter aufzubauen benutze ich eigentlich schon von Anfang an. Es [...]