From 8185f7b07d46cc34d2c5eb61e47c28d035532a92 Mon Sep 17 00:00:00 2001 From: Banana Date: Mon, 16 Jul 2012 15:14:13 +0200 Subject: [PATCH] warum kompliziert wenn es auch einfach geht --- css/tooltips.txt | 37 ------------------------------------- 1 file changed, 37 deletions(-) delete mode 100644 css/tooltips.txt diff --git a/css/tooltips.txt b/css/tooltips.txt deleted file mode 100644 index 5e80b77..0000000 --- a/css/tooltips.txt +++ /dev/null @@ -1,37 +0,0 @@ -Tooltips sind ja was feines. - -Aber bisher habe ich immer nur Lösungen gefunden, die auf JavaScript aufsetzten. Ist ja nicht weiters schlimm, da eigentlich jeder JavaScript aktiviert haben sollte. Denn es gibt nur noch sehr wenig, dass nicht mehr ohne Javascript funktioniert. - -Das sollte uns aber trotzdem nicht davon abhalten, auch mal was ohne JavaScript zu machen. - -Man erstellen einen Link dann wie folgt: - - -asd Tooltip -Das javscript verhindert das event sollte man auf den Link draufklicken. - -Danach nur noch folgende CSS Definitionen und schon hat man seinen Tooltip. - -a { - z-index:10; -} -a:hover{ - position:relative; - z-index:100; -} -a span{ - display:none; -} -a:hover span{ - display:block; - position:absolute; - float:left; - white-space:nowrap; - top:-2.2em; - left:.5em; - background:#fffcd1; - border:1px solid #444; - color:#444; - padding:1px 5px; - z-index:10; -} \ No newline at end of file -- 2.39.5