Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/01/2012, 22:27
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Tooltip con Imágenes en Botones y Links

es solo para mostrar texto? y que la imagen que coloque no cuenta?

no veo gran diferencia entre el ejemplo que te puse y lo que muestras en ese link... vamos para lo que muestras en tu link basta un poco de imaginación y se hace algo como esto
Código CSS:
Ver original
  1. .tooltip{display:none;position:absolute;background:#FF9;border:1px #FF0 solid; border-radius:8px;padding:8px;}
  2. .tooltip img{float:left;margin:0 8px 8px 0;}
  3. a:hover+.tooltip,.tooltip:hover{display:block;}
Código HTML:
Ver original
  1. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it <a href="#">to make a type</a>
  2. <div class="tooltip">
  3. <img src="http://cdn5.iconfinder.com/data/icons/duesseldorf/32/print.png" width="20px" />
  4. 'Content here, content here', making it look like readable English.
  5. </div>
  6.  specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.