Frage stellen
ich versuche gerade ein Tooltip mittels CSS zu schreiben. Das ist mir auch bestens gelungen... aber jetzt stehe ich vor einem Problem dass ich nicht lösen kann. Vermutlich ist das absolut simpel aber ich komme einfach nicht drauf. ich möchte folgendes: die sprechblase des tooltips soll nicht wie aktuell UNTER dem entsprechenden objekt erscheinen sondern darüber.
so weit bin ich schon:
- Code: Alles auswählen
font: normal century gothic, verdana, arial;}
a:hover {color:#8e8e8e;}
div.link a:hover {color:#8e8e8e;}
div.link a:link span{display: none;}
div.link a:visited span{display: none;}
div.link a:hover span {
position: absolute;
padding: 2px 10px 2px 10px;
background-image: url(./sprechblase.gif);
border: 0px;
color: #000;
text-align:center;
display: block;
- Code: Alles auswählen
<div><a>Testlink ToolTip beta<span><br><br>Text: This link comes along <br>with a tooltip description<br><br></span></a>
ursprünglich wollte ich das es mit dem scrollen mitläuft und für jeden link an der gleichen stelle erscheint.. habs mir dann aber anders überlegt da bis IE 6 die microsoft browser position: fixed; nicht umsetzen können- und ich möchte ja soweit wie möglich auf javascript verzichten.
ich würde mich wirklich freuen wenn mir da jemand weiterhelfen kann. THX