Foros del Web » Creando para Internet » CSS »

tooltip

Estas en el tema de tooltip en el foro de CSS en Foros del Web. Hola muchachos, necesito hacer un tooltip sobre un link y que lo que lleve dentro del tooltip al crecer expanda el tooltip hacia arriba me ...
  #1 (permalink)  
Antiguo 05/03/2010, 07:48
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
tooltip

Hola muchachos, necesito hacer un tooltip sobre un link y que lo que lleve dentro del tooltip al crecer expanda el tooltip hacia arriba me explico mejor con imágenes :)



Como se ve en la imágenes 1 y 2 es lo que quiero lograr y me funciona pero cuando crece mucho el tooltip en ves de mantenerse sobre el link "caso link3" se me baja y me tapa el link y si crece mas sigue bajando, y la idea es que siempre se mantenga sobre el link y pues se expanda hacia arriba, no se si me explico.

mi codigo es :

CSS

Código CSS:
Ver original
  1. a.tooltipd
  2. {
  3.    color: #000000;
  4.    text-decoration:none;
  5. }
  6. a.tooltipd:hover
  7. {
  8.    text-decoration:none;
  9.    position:relative;
  10. }
  11.  
  12. a.tooltipd span
  13. {
  14.    display:none;
  15. }
  16.  
  17. a.tooltipd:hover span
  18. {
  19.    position:absolute;
  20.    z-index:1;
  21.    top: -200px;
  22.    left: 0px;
  23.    width:580px;
  24.    display:block;
  25.    padding:10px;
  26.    background-color:#000000;
  27.    border:2px solid #FFFFFF;
  28.    color:#FFFFFF;
  29.    filter:alpha(opacity=70);
  30.    -moz-opacity: 0.9;
  31.    opacity: 0.9;
  32. }
  33.  
  34. .tooltipd strong
  35. {
  36.    color:#333333;
  37.    text-align:left;
  38.    font:100% arial,helvetica,clean,sans-serif;
  39. }
  40.  
  41. .tooltipd p
  42. {
  43.    color:#FF8C00;
  44.    text-align:left;
  45.    font:90% arial,helvetica,clean,sans-serif;
  46. }

mi codigo para el php
Código PHP:
Ver original
  1. <?php ... echo '...
  2. <a href="#Detalles"  class="tooltipd">&nbsp;&raquo; $titulo<span style="text-align:left;">nl2br("$datos[descripcion]")</span></a>
__________________
Gokuh Salvo al mundo. PUNTO!!!!

Última edición por kaninox; 05/03/2010 a las 08:04 Razón: me equivoque por error de topic favor mover a css ;)
  #2 (permalink)  
Antiguo 05/03/2010, 12:06
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: tooltip

plis mover a css
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #3 (permalink)  
Antiguo 05/03/2010, 13:41
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola kaninox

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #4 (permalink)  
Antiguo 06/03/2010, 03:32
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: tooltip

Hola:

A ver si este artículo te sirve de ayuda.

Saludos.

  #5 (permalink)  
Antiguo 08/03/2010, 06:57
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: tooltip

lo vi muchas gracias, pero me sucede lo mismo si le doy un alto predefinido pero el texto pasa ese alto digamos unos 250px entonces baja el tooltip y como dije mi idea es que el tooltip cresca pero hacia arriba dependiendo el texto :/
alguna idea o sabe si es posible lo que quiero....

Saludos
__________________
Gokuh Salvo al mundo. PUNTO!!!!

Etiquetas: tooltip
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 09:56.