Herzlich Willkommen

Hier finden Sie kurze Texte und Notizen über CSS, CSS-Layouts, Links zum Thema und Hilfen zu in einem gewissen Browser auftretende Fehler. Ich werde die Einträge sporadisch ergänzen.

Sonntag, 24. Mai 2009

Wegwerf Email-adresse

spamgourmet bietet einen guten Service: Nach der Anmeldung kann man Email-Adressen nach dem Muster "irgendwas.x.benutzername@spamgourmet.com" generieren, wobei x die Anzahl Mail ist, welche spamgourmet über diese Adresse an die Originaladresse weiterleitet. So bleibt die eigentliche Adresse versteckt. Einem Kunden kann man danach die Originaladresse mitteilen.
meinwebworker.de hat ein PHP-Script, welches immer eine neue Adresse generiert.

Montag, 18. Mai 2009

CSS Tabellen Layout

Ein heisses Buch über das künftige Arbeiten mit CSS-Layouts: "Everything you Know about CSS is wrong". Mit Hilfe der CSS-Eigenschaft "display" und den ensprechenden Werten

table, table-row, table-cell, table-row-group, table-eader-group, table-footer-group, table-caption, table-column und table-column-group
werden komplexe Layouts definiert. Ein grosser Vorteil dieser Technik ist der Rasteraufbau, der ermöglicht wird.
Ein Buch, welches sich die Anschaffung wert ist: Everything You Know about CSS is wrong!.

Freitag, 10. April 2009

CSS-Menüs

Der Puls jeder Seite ist die Navigation. Hier hat sich die ungeordnete Liste durchgesetzt, welche mittels CSS gestylt und formatiert wird.
Im Folgenden einige Links auf sehenswerte Seiten, welche sich mit CSS und Menüs befassen:
www.cssmenus.co.uk
Listamatic

Samstag, 29. März 2008

Disappearing-List-Bug

Eine Liste, dessen li-Tags eine Hintergrundfarbe enthalten (üblich für Navigationslisten) in einem Float, der gleichzeitig die position: relative zugeweisen wurde: Der erste Listenientrag zeigt im IE die Hintergrundfarbe nicht oder nur teilweise.

Bug Fix

Die Lösung: Der Liste eine realtive Positionierung zuweisen. Die Liste ist im normalen Fluss und deshalb hat die Positionierung relative keine anderen Auswirkungen.
ul, ol, dl {position: relative;}

http://www.positioniseverything.net/explorer/ie-listbug.html