@niek
Voor jou gegeven html kan ik geen CSS bedenken... Voor deze wel:
<a href="">Link<span>Tooltip</span></a>
En dan het span element een display:block geven. Als je de A hovert kan je de volgende selector doen:
a:hover span
{
display:block;
}
En dan de juiste styling :)
Maar dit noem ik een benadering van een tooltip. Een tooltip moet volgens mij meegaan met je muis.
Een goed voorbeeld is: http://www.bosrup.com/web/overlib/
Een tooltip mag meegaan met je muis. Het hoeft natuurlijk niet. Ik vind het persoonlijk wel mooier.
Maar <a href="">Link<span>Tooltip</span></a> kan natuurlijk ook. Is het zelfde idee als wat ik zei
@Niek
Natuurlijk is dat ook een manier. En ik zeg ook niet dat die slecht is! Alleen dan zou je weer moeten gaan nadenken wat er gaat gebeuren als er geen css word ondersteund :)
Hoi, Heb onderstaande code maar het werkt niet. erkomt wel te staan Click here, maar als ik met de muisaanwijzer er overheen ga gebeurt er niets.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
<title>Nieuwe pagina 1</title>
</head>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<a href="javascript:void(0);" onmouseover="return overlib('This is an ordinary
popup.');" onmouseout="return nd();">here</a>
<a href="javascript:void(0);" onmouseover="return overlib('This is what
we call a sticky, since I stick around (it goes away if you move the mouse
OVER and then OFF the overLIB popup--or mouseover another overLIB).',
STICKY, MOUSEOFF);" onmouseout="return nd();">here</a>
<a href="javascript:void(0);" onclick="return overlib('This is a sticky
with a caption. And it is centered under the mouse!', STICKY, CAPTION,
'Sticky!', CENTER);" onmouseout="nd();">Click here!</a>
</body>
</html>
@ els: Zonder overlib.js hebben we er niks aan. Neem eens contact op met Erik Bosrup, de maker van overlib.js of probeer een Framework (Zie hieronder)
Langleve automatische tooltips die zo ongeveer voor je worden gestyled: Hier!
(Edit; Ik zie net dat ik een gigantische bump heb gemaakt.. Ik had niet door dat ik bij "Mijn laatste forum activiteiten" aan het kijken was, excuses!)
