Buenas,
He descargado unas líneas de texto de un css, para crear un tooltip que funciona.
El problema es que está dentro de una "table", y más concretamente un "td", que cuando se muestra el tooltip hace que la fila tenga más altura y se descuadre, y no es el efecto que busco, si no que salga como un tooltip por "encima de la tabla" pero los enlaces están dentro de las filas.
Código:
a.tooltip:hover {
text-decoration:none;
}
a.tooltip span {
display:none;
}
a.tooltip:hover span {
display:block;
position:relative;
top:2em;
left:2em;
width:200px;
border:1px solid #4F2F4F ;
background-color:#D8BFD8 ;
color:#000000;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 5px;
z-index:99;
}
Código PHP:
echo "<tr class=\"$fila\">
<td>
<a href='#' class='tooltip'>
".$r['jugador']."
<span>
Nombre: ".$r['jugador']."<br>
PJ: ".$r['partidos']."<br>
Paradas: ".$r['paradas']."<br>
Goles: ".$r['goles']."<br>
Asist: ".$r['asistencias']."<br>
Sueldo: ".$r['sueldo']."<br>
Cláusula: ".$r['clausula']."<br>
</span>
</a>
</td>";
Saludos y gracias.