logo
  Pop-up 3
 
popupJe kan heel erg veel tekst kwijt in de popup.
Ook kan je er cliparts in stoppen

Deze tooltip is een mouse-over. Dat wil zeggen dat je hier alleen met je muis over over de tip heen gaat, de zogenoemde mouse-over dus.

 
IN DE CSS
.tooltip{color:#0c0;background:inherit}
.tooltip strong{display:none;}
em.buiten{
position:absolute;
left:20px;
top:-8px;
width:0;
height:0;
display:block;
background:transparent;
border-left:7px dashed transparent;
border-right:7px dashed transparent;
border-bottom:7px solid #096;
overflow:hidden;
z-index:4;}
em.binnen{
position:absolute;
left:20px;
top:-7px;
width:0;
height:0;
display:block;
background:transparent;
border-left:7px dashed transparent;
border-right:7px dashed transparent;
border-bottom:7px solid #080;
overflow:hidden;; z-index:4;}
.tooltip:hover{
border:0;
position:relative;
z-index:5;
text-decoration:none;}
.tooltip:hover strong{
display:block;
position:absolute;
top:20px;
left:-25px;
padding:5px;
font-weight:normal;
color:#000;
border:1px solid #000;
background:#f5f5f0;
width:150px;}

 
TUSSEN DE BODY TAGS
<a class="tooltip" href="">tooltip<strong>hier jou tekst</strong></a>

 
eind