From: Banana Date: Mon, 16 Jul 2012 13:14:13 +0000 (+0200) Subject: warum kompliziert wenn es auch einfach geht X-Git-Url: http://91.132.146.200/gitweb/?a=commitdiff_plain;h=8185f7b07d46cc34d2c5eb61e47c28d035532a92;p=klimbim.git warum kompliziert wenn es auch einfach geht --- 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