Imagen de fondo de una celda

founaud · #1 (**permalink**) 02/06/2009, 03:44

Hola,

Poner una imagen de fondo en una pagina es sencillo, pero como puedo poner una imagen de fondo en una celda?Es posible?

Quiero poner una imagen de fondo en una celda para que Dreamweaver me permita escribir texto encima, añadir tablas, etc. como ocurre cuando pones una imagen de fondo en la pagina.

Si añado la imagen en la celda como un objeto, ahi ya no puedo añadir tablas o escribir encima intuitivamente.

Si lo anterior no es posible... Como puedo escribir o poner una tabla encima de una imagen que no es la de fondo?

Muchas Gracias y un saludo

Pedro

hades87 · #2 (**permalink**) 02/06/2009, 05:37

Hola, antes que todo te informo de que si estas usando las tablas para datos tabulares ningún problema, pero te digo que la mejor forma de diseñar y maquetar una web es usando HTML y CSS, además sabiendo eso sabrías que a una celda le puedes poner un background con la misma propiedad css.

simplemente le has de poner style="background: url(ruta/de/tu/imagen.jpg;" en la celda que quieras.

founaud · #3 (**permalink**) 02/06/2009, 06:18

Hola,

Estoy usando html, y tambien uso tablas para organizar los datos. Luego uso CSS para dar formato a los textos. Soy principiante en esto de crear webs... poco a poco, os pido porfavro paciencia.

Puedo copiar el codigo"style="background: url(ruta/de/tu/imagen.jpg" en el codigo html de la pagina dentro de la definicion de la celda para ponerle foto de fondo??

Mil Gracias

Saludos

Pedro

Cita:

Iniciado por hades87

Hola, antes que todo te informo de que si estas usando las tablas para datos tabulares ningún problema, pero te digo que la mejor forma de diseñar y maquetar una web es usando HTML y CSS, además sabiendo eso sabrías que a una celda le puedes poner un background con la misma propiedad css.

simplemente le has de poner style="background: url(ruta/de/tu/imagen.jpg;" en la celda que quieras.

hades87 · #4 (**permalink**) 02/06/2009, 06:41

lo has de poner dentro de la celda:

Código HTML:

<table><td><tr style="background: url(ruta/de/tu/imagen.jpg;">Aquí la celda</tr></td></table>

PD: Esto sería de temática CSS y no de editorres web

founaud · #5 (**permalink**) 02/06/2009, 13:39

Cita:

Iniciado por hades87

lo has de poner dentro de la celda:

Código HTML:

<table><td><tr style="background: url(ruta/de/tu/imagen.jpg;">Aquí la celda</tr></td></table>

PD: Esto sería de temática CSS y no de editorres web

Hola de nuevo,

Gracias por tus respuestas. Soy bastante paquete, y me estoy liando... Me puedes ayudar una vez mas porfavor?

Abajo he puesto el codigo de una tabla de 2 filas y 2 columnas dentro de una tabla de 1x1 que estoy utilizando.

<body>
<table width="800" height="735" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="left">
<td valign="top" bordercolor="#F0F0F0"><div align="left">
<table width="752" height="391" border="2" cellpadding="0" cellspacing="0">
<tr>
<td width="298" align="left" valign="top"></td>
<td width="446" bordercolor="#9933CC" class="Estilo1"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</div></td>
</tr>
</table>
</body>

He puesto el codigo como sigue:

<tr align="left">
<td valign="top" bordercolor="#F0F0F0"><div align="left">
<table width="752" height="391" border="2" cellpadding="0" cellspacing="0">
<tr style="background: C:\Users\Pedro\Desktop\webpageee;">
<td width="298" align="left" valign="top"></td>

<td width="446" bordercolor="#9933CC" class="Estilo1"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</div></td>
</tr>

Sin embargo no me funciona, pues la foto (webpageee) no sale en el diseño. Donde me estoy confundiendo??

Muchisimas gracias!

Saludos

hades87 · #6 (**permalink**) 02/06/2009, 13:42

Antes que nada te aconsejo que te mires el tema de rutas relativas y absolutas, por que si subes esa página a tu servidor no te mostrará nunca la imagen.

Te dejo un link