Foros del Web » Creando para Internet » CSS »

problema tooltip

Estas en el tema de problema tooltip en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/08/2008, 10:09
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.591
Antigüedad: 12 años, 2 meses
Puntos: 49
problema tooltip

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>
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #2 (permalink)  
Antiguo 20/08/2008, 13:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problema tooltip

Pues no estoy seguro de entender del todo la consulta, pero con algo como esto:

Cita:
a.tooltipd:hover span { position:absolute;
z-index:1;
top:-30px;
left: 30px;
width:195px;
display:block;
padding:4px;
background-color:#000000;
border:2px solid #FFFFFF;
color:#FFFFFF;
}
Debería salir bien.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 21/08/2008, 11:51
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.591
Antigüedad: 12 años, 2 meses
Puntos: 49
Respuesta: problema tooltip

no veo niun cambio :/ mira a lo que me refiero es que si va bien el tooltip pero si te das cuenta el tooltip trae coordenadas que se verian bien en una resolucion si aumentamos la resolucion el tooltip funcionara pero no se vera tal como se ve en otra resolucion no se si me explico.....
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #4 (permalink)  
Antiguo 21/08/2008, 12:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problema tooltip

Cita:
Iniciado por kaninox Ver Mensaje
no veo niun cambio :/ mira a lo que me refiero es que si va bien el tooltip pero si te das cuenta el tooltip trae coordenadas que se verian bien en una resolucion si aumentamos la resolucion el tooltip funcionara pero no se vera tal como se ve en otra resolucion no se si me explico.....
Pues sí, claro que te explicas, eso lo había entendido en el anterior mensaje, pero no veo que ocurra eso.

¿No ves ningún cambio?:

Cita:
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;
}
Cita:
a.tooltipd:hover span { position:absolute;
z-index:1;
top:-30px;
left: 30px;
width:195px;

display:block;
padding:4px;
background-color:#000000;
border:2px solid #FFFFFF;
color:#FFFFFF;
}
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 21/08/2008 a las 12:51
  #5 (permalink)  
Antiguo 21/08/2008, 14:14
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.591
Antigüedad: 12 años, 2 meses
Puntos: 49
Respuesta: problema tooltip

anda hay estaba la cosa todo caso, el codigo que posteee estaba bueno, es que estaba probando con otra pagina que tenia otro tooltip nada que ver X) que cosas no gracias :D
__________________
Gokuh Salvo al mundo. PUNTO!!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:48.