JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="FTTDD78, post: 12450, member: 4147"] Hallo. Ich habe eine Seite gebaut, mit Tooltips. Leider bekomme ich es nicht hin den Tooltip mittig unter den jeweiligen zahlen zu platzieren. Mit einem Pfeil auf die Zahl wäre es noch schöner. Die Tabellen elemente sollen die jetzige größe behalten. Hat jemand einen Rat für mich? [CODE=css]<style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;} .tg td{border-color:black;border-width:0px;font-family:Arial, sans-serif;font-size:14px; overflow:hidden;padding:10px 5px;word-break:normal;} .tg th{border-color:black;border-style:solid;font-family:Arial, sans-serif;font-size:14px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;} .tg .tg-0lax{text-align:center;vertical-align:center;cursor: help} .tg .tg-voll{position: static;border-style:solid;border-width:1px;text-align:center;vertical-align:center;cursor: help} .tg .tg-links{border-left-style:solid;border-top-style:none;border-right-style:none;border-bottom-style:none;border-width:1px;text-align:center;vertical-align:center;cursor: help} .tg .tg-links1{border-left-style:solid;border-top-style:none;border-right-style:none;border-bottom-style:none;border-width:1px;text-align:center;vertical-align:center} .tg .tg-oben{border-left-style:none;border-top-style:solid;border-right-style:none;border-bottom-style:none;border-width:1px;text-align:center;vertical-align:center;font-family:Arial, sans-serif;font-size:18px; font-weight:normal;cursor: help} .tg .tg-none{padding:0px 1px;border-left-style:none;border-top-style:none;border-right-style:none;border-bottom-style:none;border-width:0px;text-align:center;vertical-align:center;font-family:Arial, sans-serif;font-size:18px; font-weight:normal;cursor: help} .tool { display: inline-table; color: #000000; } .tip { display: None; } span.tool:hover span.tip { display: Inline-Block; display: Table-Caption; position: absolute; width: 120px; z-index: 10000; background-color: rgb(0, 0, 0); box-shadow: 0px 0px 0px rgb(255, 255, 255); padding: 4px; margin: 15px; border: solid 1px #c32e04; border-radius: 0.5em; font-family: Arial, Sans-Serif; font-size: 14px; color: #FFFFFF; white-space: pre; } .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; } </style>[/CODE] [CODE=html]<table class="tg" border="5" cellpadding="0" cellspacing="2" align="center"> <thead> <tr> <th class="tg-0lax" colspan="20">Übersicht</th> </tr> </thead> <tbody> <tr> <td class="tg-0lax" colspan="20"></td> </tr> <tr> <td class="tg-voll" border-width=2 colspan="5">56Bereich 1</td> <td class="tg-voll" colspan="5">61Bereich 2</td> <td class="tg-voll" colspan="5">66Bereich 3</td> <td class="tg-voll" colspan="5">71Bereich 4</td> </tr> <tr> <td width="15" class="tg-links">1X=56 E Palette</td> <td></td> <td width="15" class="tg-0lax">3X=58 E Palette</td> <td></td> <td width="15" class="tg-0lax">5X=60 E Palette</td> <td width="15" class="tg-links">1X=61 E Palette</td> <td></td> <td width="15" class="tg-0lax">3X=63 E Palette</td> <td></td> <td width="15" class="tg-0lax">5X=65 E Palette</td> <td width="15" class="tg-links">1X=66 E Palette</td> <td></td> <td width="15" class="tg-0lax">3X=68 E Palette</td> <td></td> <td width="15" class="tg-0lax">5X=70 E Palette</td> <td width="15" class="tg-links">1X=71 E Palette</td> <td></td> <td width="15" class="tg-0lax">3X=73 E Palette</td> <td></td> <td width="15" class="tg-0lax">5X=75 E Palette</td> </tr> <tr> <td class="tg-links1"></td> <td width="15" class="tg-0lax">2X=57 I Palette</td> <td></td> <td width="15" class="tg-0lax">4X=59 I Palette</td> <td></td> <td class="tg-links1"></td> <td width="15" class="tg-0lax">2X=62 I Palette</td> <td></td> <td width="15" class="tg-0lax">4X=64 I Palette</td> <td></td> <td class="tg-links1"></td> <td width="15" class="tg-0lax">2X=67 I Palette</td> <td class="tg-0lax"></td> <td width="15" class="tg-0lax">4X=69 I Palette</td> <td class="tg-0lax"></td> <td class="tg-links1"></td> <td width="15" class="tg-0lax">2X=72 I Palette</td> <td class="tg-0lax"></td> <td width="15" class="tg-0lax">4X=74 I Palette</td> <td class="tg-0lax"></td> </tr> </tbody> </table>[/CODE] [/QUOTE]

Authentifizierung