Tablecloth ist ein kleines feines Javascript/CSS Script, mit dem man ganz einfach seine Tabellen besser präsentieren kann. Spalten und Reihen werden je nachdem wo sich die maus gerade befindet hervorgehoben und diese Markierung kann per klick auch fixiert werden. Wirklich sehr nützlich für große und umfangreiche Tabellen mit viel Inhalt. …

weiterlesen

Wenn man die Breite oder die Hintergrundfarbe einer Tabellenspalte schnell ändern möchte, kann man dies mit sogenannten colgroups lösen. Hat man z.b. eine Tabelle mit 3 Spalten, definiert man im html einfach nach dem <table> folgende Colgroup:

Nun muss man im CSS nur noch die klassen stylen, die man den …

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