Background não aparece somente na impressão

[Diego Ronan 1]

Pessoal

 

Estou com um problema: o CSS abaixo coloca um bkg de um icone, e faz uma tabela zebrada da pagina.

 

Nos browsers IE e Firefox, funciona 100% ok, porem, quando vamos imprimir (impressora / pdf) uma dessas paginas o bkg não aparece :(

 

Alguem tem ideia do que posso fazer para corrigir? Não estou encontrando soluções :/

 

.ico_contato {
	background:url(../Images/Contatos.gif) no-repeat 5px 10px;
	width:100%
	
}

.TaskTableOddRow
{
	background-color:#f0f0f0; 
	border: 1px Solid #cccccc;
	padding:5Px;
}

.TaskTableEvenRow
{
	padding:5px;
	background-color:#ffffff; 
	border: 1px Solid #cccccc;
}

Abs

[Gui.BAR 0]

Isso é porque backgrounds não aparecem em impressões! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Tente colocar uma img normal em vez de usar ela como bg.

[GabrielFerrari 41]

Só para completar

 

Tente colocar uma img normal em vez de usar ela como bg.

Se quiser ela em baixo dos elementos da página

terá de usar z-index

 

Veja nesse link: http://aprendacss.wordpress.com/2008/08/12/z-index/

[Diego Ronan 1]

Pessoal

 

O icone do contato passei para imagem em vez de bg, ok... Esse resolveu

 

Mas o bkg da tabela zebrada não vai, mesmo com imagem como bkg ele não esta aparecendo :/

 

css atualizado esta assim:

 

.ico_contato {
	float:left;
	margin:5px 0 0 5px;
	display:inline/* double margin fix */
}

.TaskTableOddRow
{
	background:url(../images/bkg_zebrada.gif) repeat; 
	border: 1px Solid #cccccc;
	padding:5px;
}

.TaskTableEvenRow
{
	padding:5px;
	background-color:#ffffff; !important
	border: 1px Solid #cccccc;
}

[GabrielFerrari 41]

Não entendi o que seria uma tabela zebrada.

 

Tem o link para a página ?

Se não tiver poste o resto do código.

 

Mas de preferência o link e o código :P

[Diego Ronan 1]

O problema é que é uma pagina interna daqui com acesso restrito...

 

mas o html resultante que gera as tabelas é esse:

 

<table width="100%" cellpadding="0" cellspacing="0" class="TaskTable">
  <tr>
    <td height="36" class="TaskCellLeft TaskTableOddRow"><span class="ico_contato"><img src="images/Contatos.gif" /></span>
        <h2> Usuario 1 </h2>
      <h3>Gerente</h3></td>
    <td width="53%" nowrap="nowrap" class="TaskCell TaskTableOddRow"><p class="email"> a@b.com </p></td>
  </tr>
  <tr>
    <td height="36" class="TaskCellLeft TaskTableEvenRow"><span class="ico_contato"><img src="images/Contatos.gif" /></span>
        <h2> Usuario 2 </h2>
      <h3>Diretor</h3></td>
    <td width="53%" nowrap="nowrap" class="TaskCell TaskTableEvenRow"><p class="email"> e@f.com </p>
        <p class="fone"> <span class="titulo">Fone:</span> <span class="texto">1233445</span> </p></td>
  </tr>
</table>
<div style="padding: 5px;"> Tarefas relacionadas com contatos da empresa:</div>
<table cellpadding="0" cellspacing="0" class="TaskTable">
  <tr>
    <td class="TaskHeader" width="10"> </td>
    <td class="TaskHeader"><img src="Images/ColHeader_Separator.jpg" alt="" border="0" /></td>
    <td class="TaskHeader"> Título</td>
    <td class="TaskHeader" width="100%"> </td>
    <td class="TaskHeader"><img src="Images/ColHeader_Separator.jpg" alt="" border="0" /></td>
    <td class="TaskHeader"> Data</td>
  </tr>
  <tr class="TaskTableEvenRow">
    <td class="TaskCell"><img src="Images/status1.gif" alt="Não Iniciada"
                title="Não Iniciada" /></td>
    <td> </td>
    <td colspan="2" class="TaskListItem"><b> Outro </b>-
    asdas </td>
    <td> </td>
    <td class="TaskCell" nowrap="nowrap"> 03/08/2009<br />
        <b>08h40 - 12h50</b> </td>
  </tr>
  <tr class="TaskTableOddRow">
    <td class="TaskCell"><img src="Images/status1.gif" alt="Não Iniciada"
                title="Não Iniciada" /></td>
    <td> </td>
    <td colspan="2" class="TaskListItem"><b> Outro </b>-
    sdfsdf </td>
    <td> </td>
    <td class="TaskCell" nowrap="nowrap"> 03/08/2009<br />
        <b>04h20 - 05h30</b> </td>
  </tr>
</table>

 

Para visualização, a pagina nos browsers:

 

 

A pagina agora no "visualizar impressão"

 

 

as imagens 'normais' percebe-se que aparecem de boa, só as de bkg não

 

seria algum script que teria colocar para 'forçar impressão' de bkg, se é que existe :P

[Gui.BAR 0]

Esse bg é a imagem de uma cor sólida? :o

Porque nao coloca a cor no bg?

[Tagory Cardoso 0]

Na visualização de impressão, clique em Configurar Página e marque "Imrpimir cores e Imagens do plano de fundo" (FFox e IE)

 

Tanan!!!