Tree Menus – wie man sie aus dem Windows Explorer kennt erfreuen sich wieder größerer Beliebtheit. Diese Menüs erlauben auf engem Raum eine vielzahl von Subnavigationselementen und sind so für umfangreichere Projekte oder als Navigationselement für Administrationsbereiche hervorragend geeignet. Einige neuere Tree Menüs benutzen Ajax – hier werden die Subemenüs …

weiterlesen

Zusatzinformationen über Links oder spezielle Hinweise werden im Web oft in kleinen Fenstern namens Tooltips angezeigt, die bei mouseover oder click angezeigt werden. Um Tooltips anzuzeigen gibt es bereits jede Menge verschiedener Techniken. Manche dieser Techniken benutzen Javascript oder DHTML, manche werden nur mit CSS ein- und ausgeblendet, andere wieder …

weiterlesen

Manchmal benötigt man verschiedenartige Diagramme für die Darstellung bestimmter Statistiken. Meistens macht man dazu mit irgendeinem Programm ein Bild, das man dann im Web veröffentlicht. Ändern sich diese Daten, muss man aber natürlich wieder zuerst das Bild neu abspeichern und neu veröffentlichen – ein Vorgang der oft sehr mühsam sein …

weiterlesen

Wenn man normalerweise einen Text auf einer Website markiert, wird er meist mit weißer Schrift auf dunkelblauen Hintergrund angezeigt. Möchte man aber vielleicht eine schönere Farbe haben, kann man hierfür das CSS3 pseudo Element ::selection verwenden. Unterstützt wird dies derzeit allerdings nur von Safari, Konquerer und Firefox (mit moz- prefix).…

weiterlesen

Wenn man eine Seite horizontal zentrieren möchte, ist das eigentlich recht einfach. Per CSS kann man mit margin:0px auto; einen div layer perfekt und schnell zentrieren. Bei älteren Browserversionen wie IE5.5 oder IE5.0 funktioniert das aber leider nicht, hier benötigt man noch einen zusätzlichen Layer.

Hier nun die Crossbrowser Lösung

weiterlesen

IE7 CSS Hack

Wer mal nur den IE7 mit css ansprechen will oder muss zb. weil der IE7 einen bestimmten bug hat, kann dies folgendermaßen tun.

Wenn man also zb. die schriftfarbe der css class “meineklasse” nur für den IE7 verändern will, muss man daher folgendes schreiben:

Nachtrag: oder ihr benutzt Conditional comments …

weiterlesen