Notizzettel mit Tesa / Effekt ganz ohne Grafik umsetzen

Nur mit CSS läßt sich ein “Tesa Effekt” gekonnt ganz ohne Grafiken umsetzen. Wie das findet man auf Konigi.Com -> Zur Anleitung von Sticky Notes

CSS Quick Tip: Boxen mit doppelten Rahmen

Boxen mit doppeltem Rahmen ganz ohne Markup nur mit CSS. Wie das geht zeigt net:tuts+ Dort gibts auch eine Demo und die Source Files zum Download.

20 CSS Tricks die man kennen sollte

20 Nützliche CSS Tricks die man kennen sollte bzw. vielleicht auch schon kennt:
CSS Tricks auf viralpatel.com

Scrollbar in Firefox immer einblenden

Firefox zeigt die Scrollbar am rechten Rand nur bei Bedarf an, dadurch kann das Layout »springen«.

Man kann den Firefox mit folgender CSS-Regel zwingen, die Scrollbar immer einzublenden:

html { /* erzwine Scrollbar im Firefox */
height: 101%;
}

Oder so:
html {
height: 100%;
margin-bottom: 1px;
}

besser ist noch folgender CSS3 Style:
html { overflow-y: scroll; }

Etwas ausführlicher bei Blogix…

Textrotation per CSS

Möchte man Texte vertical rotieren kann man das auch per CSS tun. Eine schöne Beschreibung dazu liefert Jonathan Snook in seinem Blog.

CSS Praxis für float Container

Jedem der CSS einsetzt ist es schon passiert. Wenn man z.B. zwei Container mit float ausrichtet, passiert es dass der nachfolgende Container in den vorherigen fließt. Abhilfe kann man mit einem nach dem ersten Container eingefügten “clear:both” erreichen. Es geht aber auch anders.

Dies beschreibt auf gut verständliche Weise der Artikel von Peter Müller auf akademie.de

» Direkt zum Beitrag ‘Gefloatete Elemente umschließen mit overflow:hidden’ auf akademie.de

HTML Tabellen gestalten

Einen guten Beitrag wie man HTML Tabellen per CSS übersichtlich gestaltet und formatiert findet man bei akademie.de: HTML Tabellen gestalten per CSS

Mehrspaltige CSS Formulare – Tabellenfrei

Ganz toll beschrieben ist auf SELFHTML wie man mehrspaltige CSS-Formulare ohne Tabellen erstellt, die auch noch schön aussehen

Lesenswert!

Barrierefreies Website Drop Down Menu

Wer ein Drop Down Menü für seine Website bnötigt sollte mal bei Accessible Website Drop Down Menu vorbeischauen. Die Menüs können horizontal, vertikal, als popup oder ausklappbar eingerichtet werden. Das Design läßt sich komplett über CSS steuern. Für den nicht-kommerziellen Einsatz sind die Menüs kostenlos

Auch bei barrierefrei.e-workers.de lohnt es sich vorbeizuschauen!

Oder bei HTML Dog (Son of Suckerfish Dropdowns)

CSS Footer immer unten positionieren

Der Footer soll auf der Seite immer den Abschluß bilden, d.h. egal wie lang der Content ist soll der Footer immer danach ganz unten auf der Seite erscheinen. Ein gute Anleitung dazu findet man auf solardreamstudios.com

Weiterblättern »