Imprimir imagen de fondo en td

victorfz · #1 (**permalink**) 25/01/2010, 08:45

Hola estoy haciendo una aplicación que tiene que imprimir unas tablas en HTMl.
La cuestión es que ya tengo la tabla modelo mas o menos lista pero como tengo una imagen de fondo en una celda a pesar de que se visualiza no se imprime (se que desde las opciones del navegador se puede cambiar para que se imprima pero como esto lo usaran muchos navegadores preferiría hacerlo de manera que se imprima siempre).
Se que cuando hay adjunta una hoja css se le pone el atributo media="print,screen" pero en principio no es mi caso.
Alguien podría decirme como podría arreglar este código?
Gracias un saludo.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>

<style type="text/css">
<!--
p {
margin: 0 auto;
text-indent: 0.5cm;
}
-->
</style>
</head>

<body>

<table width="645" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="40" colspan="3" background="barraPDF.JPG">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Texto Título</b></td>
	
	<!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Texto Título</b>-->
	
    <td width="8" rowspan="2"><img src="tansparente.png" width="2" height="500" /></td>
  </tr>
  <tr>
    <td width="228" valign="top"><p><img src="escayola72.jpg" width="207" height="150" /></p>
    <p>Tiras Led</p>
	<p>Referencia: ref-524<p/>
	
    <p>&nbsp; </p></td>

    <td width="400" valign="top"><p >Hola</p>
    <p >Contenido html </p>
    <p >&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
</table>




</body>
</html>

victorfz · #2 (**permalink**) 25/01/2010, 09:13

Bueno ya he visto como se hace <style type="text/css" media="print,screen"> pero ahora resulta que el explorer y el chrome lo interpretan de manera diferente ya que el explorer me pone la imagen de fondo dos veces y chrome solo una.
He probado cambiando

Código HTML:

 <td height="40" colspan="3" background="barraPDF.JPG">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Texto Título</b></td>

por

Código HTML:

 <td colspan="3" background="barraPDF.JPG">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Texto Título</b></td>

pero cada navegador lo inpreta de manera diferente.
Algun comentario que me pueda servir de ayuda?
Saludos

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>

<style type="text/css" media="print,screen">
<!--
p {
margin: 0 auto;
text-indent: 0.5cm;
}
-->
</style>
</head>

<body>

<table width="645" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="40" colspan="3" background="barraPDF.JPG">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Texto Título</b></td>
	
	<!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Texto Título</b>-->
	
    <td width="8" rowspan="2"><img src="tansparente.png" width="2" height="500" /></td>
  </tr>
  <tr>
    <td width="228" valign="top"><p><img src="escayola72.jpg" width="207" height="150" /></p>
    <p>Tiras Led</p>
	<p>Referencia: ref-524<p/>
	
    <p>&nbsp; </p></td>

    <td width="400" valign="top"><p >Hola</p>
    <p >Contenido html </p>
    <p >&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
</table>

</body>
</html>