¿Cómo coloco texto sobre imagen?

[helena71]

Chicos tengo una duda me colaboran por fa

En un pagina tengo una imagen que simula una hoja de cuaderno / memo, deseo colocar en esa hoja de cuaderno / memo un texto, el cual cambia diariamente,

Lo de cambiar es texto dinamicamente ya lo se hacer.

¿Como coloco el texto sobre de la imagen?, alguien me puede dar una idea. Siempre me queda el texto encima o debajo de la imagen. Alguna sugerencia.

La imagen que simula la hoja de cuaderno o memo la baje de internet despues de buscar varios dias, me gustaria ver otras opciones.

Alguien sabe si existe algun lugar en internet donde pueda ver otras opciones o algun programa con el que se puedan crear estas imagenes de hojas de cuaderno o memos.

Gracias

[eduardobrutaldeath]

Crea un contenedor, por ejemplo un DIV, le agregas texto y finalmente le pones de BACKGROUND tu imagen...

Código HTML:

<DIV>
TEXTO
</DIV>
 

Código CSS:

div{
background: url(tuimagen.jpg);
}
 

[pzin]

Podrías hacerlo todo con CSS jugando con fondos múltiples y linear-gradient:

Código CSS:

div {
  background-color: #fff;
  background-image:
    linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
    linear-gradient(#eee .1em, transparent .1em);
  background-size: 100% 1.2em;
}
 

http://jsfiddle.net/6txT4/

[cesa_r]

<div class="Contenedor_Imagen">
<img src="tuimagen.jpg" />
<div class="contenedor-texto">
Aqui tu texto
</div>
<div/>

.Contenedor_Imagen {
position: relative;
}

.contenedor-texto {
height: 50px; //dependiendo de el tamaño de tu imagen
width: 50px; //dependiendo de el tamaño de tu imagen
position: absolute;
top:0;
left:0;
}