Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/02/2009, 16:45
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: tooltip con CSS y ¿offset?

A los que quieres que aparezcan a la izquierda ponles una clase diferente de la actual, como.
<a class="Ntooltip_izq" href="#">

Ahora a los selectores CSS les añades esa clase y cambias el desplazamiento del span:
Cita:
a.Ntooltip, a.Ntooltip_izq {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover, a.Ntooltip_izq:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#000000; /* DEBE haber un color de fondo */
}

a.Ntooltip span, a.Ntooltip_izq span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span, a.Ntooltip_izq:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; /* donde va a estar */
width:250px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #0080C0; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}
a.Ntooltip:hover span {left:2em;}
a.Ntooltip_izq:hover span {left:-2em;}
__________________
Visita mi nueva web idplus.org