Css Snippets » handy http://www.csssnippets.be Snippets for you, snippets for me Wed, 23 Jun 2010 09:35:12 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Eenvoudige CSS tooltip http://www.csssnippets.be/2009/06/eenvoudige-css-tooltip/ http://www.csssnippets.be/2009/06/eenvoudige-css-tooltip/#comments Sun, 21 Jun 2009 06:33:26 +0000 Mark http://www.csssnippets.be/?p=279 1 regel HTML & 3 regels CSS). Tooltips kunnen zéér handig zijn voor je site, om bijvoorbeeld iets te verduidelijken, als toevoeging op de reeds bestaande browser tooltip.]]> Misschien wel de korste manier om met CSS een tooltip te maken (1 regel HTML & 3 regels CSS). Tooltips kunnen zéér handig zijn voor je site, om bijvoorbeeld iets te verduidelijken, als toevoeging op de reeds bestaande browser tooltip.

HTML

Eenvoudige <a class="tooltip" href="#">Tooltip
<span>Dit is de eenvoudige tooltip tekst</span>
</a>.

CSS

a:hover {
background:#fff;
text-decoration:none;
}
a.tooltip span {
display:none;
padding:2px 3px;
margin-left:8px;
width:130px;
}
a.tooltip:hover span{
display:inline;
position:absolute;
background:#fff;
border:1px solid #ccc;
color:#6c6c6c;
}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/06/eenvoudige-css-tooltip/feed/ 0