¿Como hago para que la imagen quede de fondo y el texto en la imagen?

      • 67
      • mensajes
      • miembro desde
      • 06/04/07
    #1 ¿Como hago para que la imagen quede de fondo y el texto en la imagen?

    Tengo el siguiente codigo:

    <img src="file:///C|/XX/XX/XX/la imagen.png" width="340" height="300">

    Yo lo que quiero es que la imagen quede de fondo y el texto encima (tenganme paciencia soy novato, jeje). Gracias

  1. ¿Este tema te pareció interesante? Compártelo!

    ¿No es lo que buscabas? Intenta buscar un tema similar

    6 comentarios / 67448 Visitas

      • 2,094
      • mensajes
      • miembro desde
      • 28/10/03
    02/11/2007
    #2 Re: ¿Como hago para que la imagen quede de fondo y el texto en la imagen?

    tal vez poniendole al id / tabla o algo de fondo... el atributo background-image... o un z-index negativo

      • 1,203
      • mensajes
      • miembro desde
      • 09/01/03
    02/11/2007
    #3 Re: ¿Como hago para que la imagen quede de fondo y el texto en la imagen?

    Yo haría lo siguiente:
    /* CSS */
    .boxImage {
    background:url(imagen.jpg) no-repeat;
    width:340px;
    height:300px;
    }

    Ahí creamos una CLASE que te esta metiendo dicha "imagen.jpg" en un tamaño tal y que no se repita.
    Luego hacemos lo siguiente:
    <div class="boxImage">Texto que queremos introducir ensima de la imagen</div>

    Yo lo haría así, hay muchas otras formas de hacerlo igual...
    Saludos,
    Tomás

      • 54
      • mensajes
      • miembro desde
      • 02/11/07
    02/11/2007
    #4 Re: ¿Como hago para que la imagen quede de fondo y el texto en la imagen?

    desde dreamweaver, yo haria lo siguiente. insertas un div y le aplicas un estilo CSS. despues, desde el inspector de etiquetas, haces doble clik en ese nuevo estilo y seteas las propiedades. ahi esta la opcion para que el div tenga una imagen de fondo y, por supesto, podes poner texto encima de eso.
    Espero que te sirva

    Saludos

      • 67
      • mensajes
      • miembro desde
      • 06/04/07
    03/11/2007
    #5 Re: ¿Como hago para que la imagen quede de fondo y el texto en la imagen?

    Gracias a todos......por sus consejos...me han servido!!.....jejeje..... diego ¿No te entendi me lo podrias explicar mejor? (con todo el respeto del mundo)

      • 3,347
      • mensajes
      • miembro desde
      • 30/07/04
    03/11/2007
    #6 Re: ¿Como hago para que la imagen quede de fondo y el texto en la imagen?

    z-index regula en CSS en qué orden del eje-z va una capa (div). Osea que puedo hacer que quede una encima de la otra, tapando total o parcialmente la anterior.

    Hay un montón de maneras de hacerlo y básicamente depende de cómo hayas hecho todo hasta el momento.. una forma es setearle a un div un background-image:url('ruta/a/la/imagen.jpg') y poner el texto dentro del div..
    otra es hacer como dice Diego..
    Demo: Registrarse Inicia sesión Imagen detrás del texto - Registrarse Inicia sesión

    Saludos

      • 67
      • mensajes
      • miembro desde
      • 06/04/07
    03/11/2007
    #7 Re: ¿Como hago para que la imagen quede de fondo y el texto en la imagen?

    OK.... Ahora te entendi mejor..jeje... muchas gracias por responder

IR ARRIBA