From 88ab75518db9d877c77819f8feb296c7e64ebe81 Mon Sep 17 00:00:00 2001
From: Banana <banana@starscream.de>
Date: Mon, 16 Jul 2012 15:14:35 +0200
Subject: [PATCH] damn

---
 css/tooltips.css | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 css/tooltips.css

diff --git a/css/tooltips.css b/css/tooltips.css
new file mode 100644
index 0000000..fd7c2da
--- /dev/null
+++ b/css/tooltips.css
@@ -0,0 +1,39 @@
+/* 
+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:
+
+
+<a href="javscript:void(0);">asd Tooltip</a>
+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