Auf Thema antworten

Beitrag

[QUOTE="FTTDD78, post: 12457, member: 4147"]
Ich habe es probiert.
Habe es mal wie in diesem beispiel versucht, aber leider steht der Tooltiptext dann als normaler Text in der Tabelle und ich habe gar keinen Tooltip mehr.

[CODE]<!DOCTYPE html>
<html>
<style>
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 250%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
</style>
<body style="text-align:center;">

<h2>Bottom Tooltip w/ Top Arrow</h2>

<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip <br>text</span>
</div>

</body>
</html>[/CODE]

Ich komme einfach nicht weiter.
[/QUOTE]

Authentifizierung