Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

bcs_ptx

Imprimir uma tabela colorida

Recommended Posts

Fala pessoal, eis uma questão que nunca fiz ou nunca soube fazer, como eu faço para imprimir uma tabela colorida?

 

tipo se eu colorcar uma imagem com o fundo amarelo, ela imprime amarelo =

 

<img src="img1.jpg" width="100px" height="100px" />

 

mas se eu colocar um =

 

<input type="text" style="background-color:#FFCC00;">

 

ele imprime preto e branco. tem como?

Compartilhar este post


Link para o post
Compartilhar em outros sites

<input type="text" style="background-color:#FFCC00;">

 

Você ta fazendo uma tabela ou um formulário?

Compartilhar este post


Link para o post
Compartilhar em outros sites

você diz na impressao, no papel mesmo ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

sim no papel, quero imprimir colorido e sempre sai em preto e branco, só img que sai colorido, mas qualquer coisa com propriedade color, background sai preto e branco.

Compartilhar este post


Link para o post
Compartilhar em outros sites

o teu css ta em um arquivo separado? quando você linkou ele você setou media="all" ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

esta em arquivo separado sim, mas mesmo assim, se eu colocar direto no input, como nesse exemplo, ele não imprime colorido

 

<input type="text" style="background-color:#FFCC00;">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Complementando o que o NetBoy disse, defina na tag link o tipo de media.

 

<link rel="stylesheet" type="text/css" href="meucss.css" media="all"/>

 

e coloque esta propriedade no seu arquivo separado.

 

input{
 background:#FFCC00;
}

 

Pode não ter funcionado pelo fato de estar na mesma página, eu acho que quando não é definido o tipo de media ele fica só "screen".

 

Faz esse teste e retorne a postar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Complementando o que o NetBoy disse, defina na tag link o tipo de media.

 

<link rel="stylesheet" type="text/css" href="meucss.css" media="all"/>

 

e coloque esta propriedade no seu arquivo separado.

 

input{
 background:#FFCC00;
}

 

Pode não ter funcionado pelo fato de estar na mesma página, eu acho que quando não é definido o tipo de media ele fica só "screen".

 

Faz esse teste e retorne a postar.

 

O tipo de media padrão é "all" que, obviamente, serve pra tudo.

 

A questão é uma configuração de impressão do navegador que disabilita planos de fundo por padrão.

Note que, se você adiciona uma imagem como padrão do body, na impressão o fundo sempre sai branco.

Para isso, nas configurações de impressão, procure alguma caixa de checagem que permita "imprimir imagens e cores de fundo".

Compartilhar este post


Link para o post
Compartilhar em outros sites

mudei e não da certo, olha como estou fazendo.

 

<link href="css.css" rel="stylesheet" type="text/css" media="all"/>

 

<input type="text" name="dataUm" id="input_amarelo"/>

 

pagina css

 

#input_amarelo{
width:100%;
height:100%;
border:0;
background:#FFFF99;
text-align:center;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

faca o que o Evandro disse, deve ser a config do navegador

Compartilhar este post


Link para o post
Compartilhar em outros sites

ja eu acho complicado ficar gastando tinta/tonner a rodo cada vez que quiser imprimir. Agora, como você discorda, o que você pode fazer é mandar um email pro time de desenvolvimento de cada browser do mercado e pedir pra que eles mudem um conceito comum de anos de existência. A opção é sua.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.