Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 12458, member: 3917"]
Das ist schon ein wenig knifflig, vor allen wenn man den Tooltip und den Pfeil genau mittig platzieren will. Ich habe mich auch damit beschäftigt und dies ist das Ergebnis:
[CODE]        /* Wir hängen den Pfeil am span.tool auf weil er dort
        leichter zu positionieren ist: */
        span.tool:hover::before {
            content: '';
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-bottom: 5px solid #c32e04;
            position: absolute;
            bottom: 8px;
            left: 50%;
            transform: translateX(-5px);
            z-index: 11000;
        }

/* .span.tool::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }*/
[/CODE]
Außerdem musste ich bei den Tabellenzellen overflow:visible und position:relative hinzu fügen:
[CODE].tg td {
    border-color: black;
    border-width: 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    position: relative;
    overflow: visible;
}[/CODE]
Damit funktioniert es für die unteren Zellen wo nur ein Ziffer darin steht. Oben noch nicht, das muss ich noch untersuchen.
[/QUOTE]

Authentifizierung