Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/04/2012, 04:56
sinho6
 
Fecha de Ingreso: abril-2012
Mensajes: 6
Antigüedad: 12 años
Puntos: 1
Respuesta: Tooltip que descuadra >td>

Cita:
Iniciado por kseso? Ver Mensaje
Sí. Este es el típico problema que surge a quien se va a iniciar en CSS y desconoce algo tan básico como es el tema del posicionamiento de los elementos.

Aquí puede matar los 2 pájaros de un tiro. [URL="http://ksesocss.blogspot.com/2012/04/repaso-lo-basico-y-lo-mas-nuevo.html"]Position[/URL] y soluccionar su cuestión.
Lo intento, pero me sigue fallando. He intentado con "z-index" para decir que el tooltip está por encima de la tabla pero sigue descuadrando la fila.

Código:
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;
}
Si lo que estoy diciendo es que la posición es relativa, y que está por delante de la tabla en el eje z ¿cual es la razón por la que me sigue descuadrando la tabla cada vez que se muestra un tooltip? :(