Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/08/2009, 05:55
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Texto encima de la imagen

Si te fijaste en el código:
Código html:
Ver original
  1. <li>
  2.     <a href="#.html">
  3.         <em>Enemigos Publicos</em>
  4.         <img width="100" height="165" border="0" title="Enemigos Publicos (2009)" src="../enemigospublicos.jpg" alt="Enemigos Publicos (2009)"/>
  5.     </a>
  6. </li>
verías que es una lista (ul) y cada enlace está dentro de un elemento de la lista (li) flotados a la izquierda para que se muestren uno al lado del otro.
Cada li tiene un enlace (a) que es el que tiene la imagen y el pequeño texto.
El título lo tiene dentro está dentro de un <em> (podría ser un <span>) con las propiedades:
display: block; position absoluted; un poco de padding para que tenga la zona blanca alrededor y puesto en su sitio con left: 5px; top:160px;
Eso hace que se ponga sobre la imagen, que no tiene mayor secreto que un borde y un pequeño padding.

Como verás sencillo de realizar.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++