Tema: AYUDAAlinear un div como si fuera tooltip de otro
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/02/2013, 11:17
douglasroos
 
Fecha de Ingreso: agosto-2009
Mensajes: 59
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: AYUDAAlinear un div como si fuera tooltip de otro
Gracias por responder, se me paso de verdad

Aqui lo pongo, el div class fol es el que muestra las carpetas de los usuarios traidos de la base de datos, estas carpetas se van alineando a la derecha con un float, por lo que su posicion siempre va a variar, necesito que cuando se le de el mouseover el div que se genera con el preview de las carpetas se genere a la derecha de la carpeta para poder ver el contenido

Código HTML: 
Ver original
  1. <div class="boxon">
  2.         <div class="taboff" style="padding:4px">CARPETAS DE ACCESO LIBRE</div>
  3.                 <div class="bits"><b>Manuel (manny) Vispo</b> comparte con todos</div>
  4.             <div style="margin-bottom:10px;">
  5.                                         <a href="?action=4&do=ver&id=678&owner=1"><div class="fol" title="" onMouseOver="MD('f1'); x.request('r:preview.php?id=678&owner=1; rl:f1')" onMouseOut="CD('f1')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />WALLPAPERS<br />0 archivos 0 carpetas</div></a><div class="preview" style="display:none;" id="f1" onMouseOver="MD('f1')" onMouseOut="CD('f1')"></div>
  6.                                         <div id="c"></div>
  7.             </div>
  8.                         <div class="bits"><b>Jean Baptiste Moreau</b> comparte con todos</div>
  9.             <div style="margin-bottom:10px;">
  10.                                         <a href="?action=4&do=ver&id=761&owner=8"><div class="fol" title="" onMouseOver="MD('f8'); x.request('r:preview.php?id=761&owner=8; rl:f8')" onMouseOut="CD('f8')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />GOOGLE CHROME - EXTENSIONES<br />0 archivos 0 carpetas</div></a><div class="preview" style="display:none;" id="f8" onMouseOver="MD('f8')" onMouseOut="CD('f8')"></div>
  11.                                         <div id="c"></div>
  12.             </div>
  13.                         <div class="bits"><b>Giancarlo Olavarrieta Yepes</b> comparte con todos</div>
  14.             <div style="margin-bottom:10px;">
  15.                                         <a href="?action=4&do=ver&id=639&owner=26"><div class="fol" title="" onMouseOver="MD('f26'); x.request('r:preview.php?id=639&owner=26; rl:f26')" onMouseOut="CD('f26')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />INUNDACION SEDE VALENCIA<br />0 archivos 0 carpetas</div></a><div class="preview" style="display:none;" id="f26" onMouseOver="MD('f26')" onMouseOut="CD('f26')"></div>
  16.                                         <div id="c"></div>
  17.             </div>
  18.                         <div class="bits"><b>Gladys Sanz</b> comparte con todos</div>
  19.             <div style="margin-bottom:10px;">
  20.                                         <a href="?action=4&do=ver&id=536&owner=30"><div class="fol" title="" onMouseOver="MD('f30'); x.request('r:preview.php?id=536&owner=30; rl:f30')" onMouseOut="CD('f30')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />Entrega de útiles escolares<br />0 archivos 0 carpetas</div></a><div class="preview" style="display:none;" id="f30" onMouseOver="MD('f30')" onMouseOut="CD('f30')"></div>
  21.                                         <div id="c"></div>
  22.             </div>
  23.                         <div class="bits"><b>Román Perdomo</b> comparte con todos</div>
  24.             <div style="margin-bottom:10px;">
  25.                                         <a href="?action=4&do=ver&id=601&owner=55"><div class="fol" title="" onMouseOver="MD('f55'); x.request('r:preview.php?id=601&owner=55; rl:f55')" onMouseOut="CD('f55')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />Documentación Sistemas<br />0 archivos 1 carpetas</div></a><div class="preview" style="display:none;" id="f55" onMouseOver="MD('f55')" onMouseOut="CD('f55')"></div>
  26.                                                 <a href="?action=4&do=ver&id=602&owner=55"><div class="fol" title="" onMouseOver="MD('f55'); x.request('r:preview.php?id=602&owner=55; rl:f55')" onMouseOut="CD('f55')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />Guía Rápida de Escaneo en HP LaserJet M1522<br />0 archivos 0 carpetas</div></a><div class="preview" style="display:none;" id="f55" onMouseOver="MD('f55')" onMouseOut="CD('f55')"></div>
  27.                                                 <a href="?action=4&do=ver&id=641&owner=55"><div class="fol" title="" onMouseOver="MD('f55'); x.request('r:preview.php?id=641&owner=55; rl:f55')" onMouseOut="CD('f55')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />Fotos Recuperación de Equipos de Administración<br />0 archivos 0 carpetas</div></a><div class="preview" style="display:none;" id="f55" onMouseOver="MD('f55')" onMouseOut="CD('f55')"></div>
  28.                                         <div id="c"></div>
  29.             </div>
  30.                         <div class="bits"><b>Douglas Roos Didencu</b> comparte con todos</div>
  31.             <div style="margin-bottom:10px;">
  32.                                         <a href="?action=4&do=ver&id=813&owner=122"><div class="fol" title="" onMouseOver="MD('f122'); x.request('r:preview.php?id=813&owner=122; rl:f122')" onMouseOut="CD('f122')"><img src="http://www.forosdelweb.com/f53/img/Folder.png" /><br />Prueba 2<br />0 archivos 0 carpetas</div></a><div class="preview" style="display:none;" id="f122" onMouseOver="MD('f122')" onMouseOut="CD('f122')"></div>
  33.                                         <div id="c"></div>
  34.             </div>
  35.              </div>
  36. </div>
Última edición por douglasroos; 13/02/2013 a las 11:46