"Hover-Box" in Tabellen

[jonathan09]

Hallo zusammen,

eine kurze Frage, vielleicht kennt ja schon jemand eine Antwort!?

Ich möchte Links - welche in einer Tabelle stehen - eine Box zuordnen, welche sich öffnet, sobald mit dem Mauszeiger über den Link gefahren wird. Für Links außerhalb von Tabellen nutze ich idR folgenden - hier vereinfacht am Beispiel einer Liste dargestellten - CSS Code:

li {
display: block; }

li a {
position: absolute; }

li a span {
display: none; }

li a:hover {
background: transparent; }

li a:hover span {
display: block;
position: relative;
top: 0px;
left: 150px;
background: #FFF;
border: 1px solid red; }
  
  <ul>
  <li><a href="" title="">hgfds<span>dfghj</span></a></li>
  </ul>

Das Problem ist nun, dass absolut positionierte Links innerhalb einer Tabelle deren gesamtes Layout zuschießt. Wie kann ich das umgehen?

Vielen dAnk und viele Grüße

 

[Cheffchen]

Hallo,

verstehe jetzt gerade zwar nicht was da passieren soll aber kann sein das relativ und absolute verwechselt hast.
Tausch das mal.

Cheffchen

 

[jonathan09]

Danke, das wars!!! ;-)