Wie verhalten sich Inline-Elemente mit einem Padding

Hundekopf - Logo von maxdesignWer schon mal versucht hat, einem inline-Element ein padding zuzuweisen, wird wohl selbst schon festgestellt haben, dass sich inline-Elemente hier anders verhalten als Block-Elemente. Russ Weakley von maxdesign beschreibt dieses Verhalten anschaulich und leicht nachvollziehbar (Englisch).
--> Seite besuchen

Experimente mit Cascading Style Sheets

Cssplay - LogoDie Homepage von Stu Nichols, in der er eine unglaubliche Fülle von raffinierten CSS-Tricks ausbreitet: Menüs, Layout-Techniken, Boxen mit runden Kanten, Photogalerien und vieles mehr. Unbedingt vorbeischauen ...
--> Seite besuchen

Komplex-dynamische Listen

Styleworks - LogoMit Komplex-dynamischen Listen sind Listen gemeint, die sich dynamisch in mehreren Spalten aufbauen, ähnlich wie die Spaltendarstellung im Dateibrowser von Mac OS X.l Ein Mausklick auf einen Eintrag in der ersten Liste in der linken Spalte macht eine zweite Liste sichtbar, deren Inhalt vom angeklickten Wert der ersten Liste abhängt. Das ist nur über eine geschickte Kombination von CSS und (barrierefreiem) JavaScript möglich. Bei diesem Artikel handelt es sich um eine Übersetzung von Complex Dynamic Lists: Your Order Please von Christian Heilmann, erschienen bei A List Apart (ALA).
--> Seite besuchen

Centered Sliding Door Menues

Unter »centered sliding door menues« versteht man waagrechte CSS-Menüs in Form von Karteikartenreiter. Die Besonderheit liegt darin, dass sie sich beim Textzoom vergrößern und dass sie unterschiedliche Größe haben können (während meine hier sich zwar ebenfalls vergrößern, aber alle die gleiche Größe haben müssen). Exploding Boys bietet Links zu Bauanleitungen und eine ganze Menge frei verwendbarer Beispiele.
--> Seite besuchen

CSS.MAXDESIGN.COM.AU: Listen, Floats und Selects im CSS

Hundekopf - Logo von maxdesignAlles, was Sie schon immer über Listen wissen wollten - und viel mehr. Tabellenloses Design und Menüs mit Hilfe von Listen werden anhand einer Vielzahl von Beispielen beschrieben. Sie können alle Beispiele online testen und den Quellcode direkt auskopieren. Zusammen mit einer detailierten Anleitung (leider nur in Englisch)
--> Seite besuchen