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"> <b>Texto Título</b></td>
por
Código HTML:
<td colspan="3" background="barraPDF.JPG"> <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í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"> <b>Texto Título</b></td>
<!-- <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> </p></td>
<td width="400" valign="top"><p >Hola</p>
<p >Contenido html </p>
<p > </p>
<p> </p></td>
</tr>
</table>
</body>
</html>