Como poner textos en imagenes

[Izume]

Me gustaría hacer que las imágenes tengan un texto con los subforos como este foro:
http://gantz.foros.bz/

Algo como donde dice { Registro } que la imagen tiene texto y en { El Juego } que hay tres subforos juntos y cada uno tiene texto en su imágen.

[pzin]

Es sólo un elemento con una imagen de fondo. Y para poner una imagen de fondo puedes usar background-image.

[Izume]

Pero si te fijas bien, existen links dentro de esas imáges que te redirigen a los subforos

[pzin]

Repito; no son imágenes como tales. Las imágenes forman parte del fondo de un elemento. Y en un elemento —en el caso de la página es un div— puedes poner enlaces y cualquier otra cosa.

[Izume]

Ajá, pero me da otra incógnita: ¿Cómo?

[pzin]

Más que otra, sigue siendo la misma incógnita.

Código HTML:

<div>
  <p>
    Un texto con un <a href="algo.html">enlace</a>
  </p>
</div>
 

Pues así, a div le pones una imagen de fondo con background y ya está.

[Izume]

No me queda con background:

Código HTML:

<div>
  <p>
    background-image: url("http://www.seriesdetv.com/wp-content/falling-skies-tnt.jpg")
Un texto con un <a href="algo.html">enlace</a>
  </p>
</div> 

Pero me lo toma con un enlace más, sin mostrara la img

[pzin]

¿Sabes algo de CSS? Es obvio que no, pero se me hace preguntar.

[Izume]

Si, se de CSS pero solo cambiar bordes, su redondeado, dar sombras, poner una img de fondo o cambiar una fuente, lo básico.

[pzin]

¿Y qué se supone que haces con el código que pusiste? Porque yo no veo que le pongas ninguna imagen de fondo al elemento div —ni a ninguna otra cosa en realidad.

[Izume]

entonces como se lo aplica a la descripción del foro? se necesita otro elemento div, no te olvides que utilizo foroactivo para hacerlo.

[pzin]

Iniciado por Izume

no te olvides que utilizo foroactivo para hacerlo.

No puedo olvidarme de algo que no habías mencionado. Me pasa desde que me dejó de funcionar la telepatía.

La imagen de fondo la tienes que aplicar al div. ¿Sabes como hacer eso? Decías que de lo poco que sabías de CSS, una imagen de fondo sabías poner. Aunque el código que pusiste indica lo contrario.

[Izume]

Si, pero a cual de los dos div?. La modifiación del foro en si varía según lo que tenga en mi CSS. Para la descripción utilizo un elemento .descripciones el cual uso en el div que modificará la descripción, sería:

<div class= descripciones>
<div> el código que tú me diste>
</div>

Lo que sugieres es que sea así?:

Código HTML:

<div class=descripciones>
background-image: url("http://www.seriesdetv.com/wp-content/falling-skies-tnt.jpg")
<div>
  <p>
Un texto con un <a href="algo.html">enlace</a>
  </p>
</div> </div> 

O es eso, o me he echo una ensalada en mi cerebro.

[pzin]

¿Y dónde especificas los estilos que va a tener la clase descripciones? En ese mismo lugar es donde tienes que poner tu background-image, no salvajemente en medio del HTML.

[Izume]

No te entiendo, el estilo de las descripciones van en el CSS base. Pero cada foro tendrá una imagen diferente, al menos esa es mi idea.

[C2am]

Existen, creo, 3 (tres) formas de declarar estilos a elementos html:
1- mediante un archivo .css
2- en el encabezado del html , entre las etiquetas <style>.clase{aprender:css;}</style>
3- inline o dentro de las etiquetas html mediante style="...", ejemplo: <p style="float:enelespacio">blablabla</p>

Sobre el tema en cuestión:

http://www.librosweb.es/referencia/c...und-image.html

Saludos