Holas gente del foro miren tengo un tooltip que trabaja digamos bien pero me da problemas por que se me dispara si cambio la resolución de la pagina, me explico en este caso tengo un texto que al pasar el raton sobre el me dispara otro texto, esto en la parte derecha de la web entonces, voy jugando con los valores left y demas hasta que me quedan donde yo quiero, pero yo trabajo a 1024*768 y todo bien , entonces si cambio de rsolucion o me voy a otro pc el tooltip ya no me va como quiero por que cambio las coordenadas entonces como le hago para que siempre me aparecsa el tooltip al lado del enlace y que ademas pueda manejarlo a gusto digamos izquierda derecha arriba, pero que al cambiar la resolucion no se me valla mas a la izquierda, no se si me explico :/
les dejo mis codigos
css
Código:
<style type="text/css">
/* Tooltip Derecho*/
a.tooltipd
{
color: #666666;
text-decoration:none;
}
a.tooltipd:hover
{
text-decoration:none;
position:relative;
}
a.tooltipd span
{
display:none;
}
a.tooltipd:hover span
{
position:absolute;
z-index:1;
top:2px;
left: -430px;
width:395px;
display:block;
padding:8px;
background-color:#000000;
border:2px solid #FFFFFF;
color:#FFFFFF;
}
</style>
ahora vamos al codigo para llamarlo
Código:
<a href="#Detalles" class="tooltipd">TOOLTIP<span>Aqui sale el tooltip</span></a>