23.02.2008
Webseiten
HTML-Tabellen gestalten mit Tablecloth
Autor: Stefan Kuhn
HTML-Tabellen werden übersichtlicher, wenn Sie Datenreihen farblich gestalten und durch Mouseover-Effekte Spalten und Zeilen hervorheben. Dies gelingt mit dem kostenlosen Skript-Paket Tablecloth.
Tablecloth herunterladen und entpacken
Sie finden das Skript-Paket Tablecloth kostenlos im Internet. Laden Sie die Datei „tablecloth_files.zip“ herunter und entpacken Sie sie in ein Verzeichnis Ihrer Wahl. Im Ordner „tablecloth“ finden Sie nun die Beispieldatei „index.html“ sowie den Unterordner „tablecloth“ mit CSS-Formatierungen, Javascripts und Grafiken.
Tabellen nutzen
Für einen ersten Test laden Sie die Datei „index.html“ in den Browser. Ein Blick in den Quelltext zeigt Ihnen, dass die Beispieltabellen ohne weitere Formatierungen auskommen. Zwei Zeilen im <head>-Bereich der Seite reichen für die ansprechende Darstellung der Tabellen:
Code-Beispiel
1 2 |
<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" /> |
…
Tabellen ändern
Bei den Tabellen im Beispiel oben wird durch den Mouseover-Effekt nur die jeweilige Spalte der Tabelle hervorgehoben. Wenn Sie auch die dazugehörende Tabellenzeile hervorheben wollen, dann konfigurieren Sie dies ab Zeile 14 in der Javascript-Datei „tablecloth.js“ im Unterordner „tablecloth“. Setzen Sie hier:
Code-Beispiel
Wollen Sie eine permanente Markierung per Mausklick, dann setzen Sie:
Code-Beispiel
Wisej
.NET Server als kostenlose Express Edition
Das Web-Framework Wisej.NET führt ab dem 1. Mai 2024 ein neues Lizenzmodell ein: Mit Wisej.NET Server Express wird dann eine neue kostenlose Einstiegsversion angeboten.
>>
Tracking
Cookie-Banner nerven immer mehr Web-User
Zwei Drittel der Internet-Nutzer wollen sich laut neuer BITKOM-Studie mit Cookie- und Tracking-Einstellungen am liebsten überhaupt nicht beschäftigen.
>>
Web
React, Angular und Vue.js - Gegenüberstellung von Frontend-Frameworks
Moderne JavaScript-Frameworks sorgen für höchste Effizienz in der Webentwicklung. Doch welches Framework eignet sich am besten für welchen Einsatz?
>>
Microsoft
Barrierefreiheit im Blick
Der Integrated Accessibility Checker von Visual Studio, der mit Visual Studio 2022 Version 17.5 eingeführt wurde, ermöglicht es Entwicklern, barrierefreie Anwendungen zu erstellen.
>>