Texto encima de la imagen

[mafito]

Hola a todos, tengo una duda, me gustaría hacer algo como esto: veodivx . blogspot . com (Lo pongo con espacios por que no me deja poner la url)

Es decir, que en las caratulas de arriba, salga el texto de esa forma o de una forma parecida encima de la imagen, sin hacerlo poniengo la imagen de fondo y el texto de contenido.

Un saludo

PD: No sabía si esto iva aqui o en HTML, perdonar las molestias si me equivoco.

[luisfego]

Aquí puedes encontrar la guía para hacerlo y también muchos otros efectos de imagen con puros CSS. Esta en inglés.

[kseso?]

Si te fijaste en el código:

Código html:

<li>
    <a href="#.html">
        <em>Enemigos Publicos</em>
        <img width="100" height="165" border="0" title="Enemigos Publicos (2009)" src="../enemigospublicos.jpg" alt="Enemigos Publicos (2009)"/>
    </a>
</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

[mafito]

Gracias a los 2, me sirvió de mucho :)