Tema: Ocultar span
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 05/01/2011, 14:26
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Ocultar span

Su html de cada elemento de la lista:
Código HTML:
Ver original
  1. <li>
  2.     <a href="phpBB3/memberlist.php?mode=viewprofile&amp;u=2" class="thumbnail">
  3.         <img width="90px" height="90px" border="0" src="phpBB3/download/file.php?avatar=2_1263701157.jpg">
  4.         <span>
  5.                <div class="imagen">
  6.                      <img src="phpBB3/download/file.php?avatar=2_1263701157.jpg">
  7.                </div>
  8.                <div class="contenedor2Der">
  9.                      <p>defekator</p>
  10.             </div>
  11.         </span>
  12.     </a>
  13. </li>
Una sugerencia:
Código HTML:
Ver original
  1. <li>
  2.       <a class="thumbnail" href="#">
  3.             <img src="..." alt="alt" />
  4.             <span>Nombre</span>
  5.       </a>
  6. </li>
y sólo es cuestión de ocultar el span (display: none) y visualizarlo al a:hover span como bloque posicionado absolutamente con ayuda de top/bottom y un fondo (background)