basti1012.bplaced.net

Ich habe schon viele Tooltips bei Google gefunden, sind auch schöne dabei. Nur mein Problem ist ,wenn ich über den Link gehe, wird der Tooltip an einen ganz anderen Ort angezeigt, aber nicht da wo er soll. Wie kann ich das beeinflussen, dass der Tooltip da angezeigt wird wo er soll?

Code

                                    
                                <style>

.popup {

display: inline-block;
    cursor: pointer;
  
}


.popuptext{
    width: 150px;
    background-color: yellow;
    color:black;
    text-align:center;
    padding:10px 10px 10px 20px;
    position: absolute;
 
    margin-top:80px;
    display:none;
    animation: fadeIn 1s;
}


 

 

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}


</style>
<center> <div class="popup" onmouseover="an()" onmouseout="aus()">Hier hovern
<div class="popuptext" id="pop">
das könnte dein tooltip werden
</div>
</div>
<script>
function an(){
 document.getElementsByClassName('popuptext')[0].style.display="block";
}
 
function aus(){
 document.getElementsByClassName('popuptext')[0].style.display="none";
}


</script>