CSS: Mehr über Background positioning
Die Möglichkeiten Images über den Hintergrund einzubinden werden oftmals unterschätzt oder sind schlichtweg gar nicht bekannt. Dieses kleine Workaround zeigt anhand von ein paar praktischen Beispielen wie es und was da geht…
WordPress: Freizeitlers NonPurista!-Theme
Die Experimente und Spielereien der letzten Wochen wurden in einem einzigen WordPress-Theme zusammengefasst. Daraus entstand eine witzige Mischung aus Zweckmäßigkeit und Wahnsinn, aus CSS und MooTools. Get kissed by the Cow!
CSS: Der IE6 mit :hover und ein vertikales Karteikarten-Reiter-Menü
Eine kleine Spielerei mit der Pseudoklasse :hover und z-index brachte ein erstaunliches Ergebnis und mir eine interessante Erkenntnis: Der IE6 kann nur a-Tags hovern!Aber auch dagegen ist ein Kraut gewachsen…
CSS: Be water my friend. Was CSS und Bruce Lee gemeinsam haben könnten…
Konzentriere dich… Gehe in dich hinein und sei das Wasser in der Kaskade… Gehe den Weg des geringsten Widerstandes und du wirst die Technik der Stylesheets lernen und verstehen! Hier eine wirklich kurze Einführung in die Lehre des “Kaskadierenden Styles”…
CSS: !important. Styles mit der groben Kelle!
Das Problem: Ein CMS kann einem das Leben erleichtern. Will man jedoch sein eigenes Design muss man sich oft mit generiertem Code herumplagen. So auch schonmal mit Styles… Die Lösung: !important…
CSS: Arbeiten mit Sprites heisst Bandbreite sparen!
Packe alle deine grafischen Elemente in eine Datei und positioniere diese als Hintergrund pixelgenau. Es ist ein Sprite und es hilft dir die Hälfte deiner Bandbreite zu sparen. Echt!
CSS: Einen Float-Container ohne zusätzliches Markup clearen!
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…
CSS: Ein 3-Spalter-Div-Layout. Absolute!
Und hier kommt der Nachschlag! Weil’s soviel Spaß macht gibt’s noch einen Dreispalter mit “position: absolute” obendrauf. Ich teste weiter und stelle hier eine andere Art des layoutens vor. Keine Floats – Keine Clears. Absolut!
CSS: Transparenz im Hintergrund!
Und es geht doch: Dem Hintergrund eine beliebige Transparenz verpassen während der Text undurchsichtig bleibt (Achtung: Wortwitz!).Für dieses Beispiel brauchst du keine htc- oder hta-Datei, sondern lediglich ein .gif! Die Kehrseite: Wir müssen den Pfad des W3C verlassen…
CSS: Ein 3-Spalter-Div-Layout!
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…