Ir para conteúdo

POWERED BY:

Arquivado

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

Night_Wolf

Erro com impresão

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

Night_Wolf    0

Night_Wolf
Postado

Ai galeraseguinte fiz uma página e talz com um sistema aquita pronta a páginaai eu abro ela no IE clico la em imprimirele imprime, só que tem um problema: o plano de fundo ddas minhas tabelas, junto com as figuras nao sai de jeito nenhum!!! só sai o texto certo na tabela mas com o fundo brancoalguem sabe o que pode estar acontecendo ?tipo seu eu fiz a pagina de um jeito X na impresão é pra sair igualzinho naum eh ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Genautech    0

Genautech
Postado

Olá Exsitem diversas formas para que a sua página seja impressa da mesma forma na qual o layout se encontra.Em alguns projetos de Intranet que estou envolvido venho utilizando estas soluções, pois as mesmas vem dando um ótimo feed back, por parte dos usuários e também são muito simples de implementar.Você pode: (Espero que sirva para outros também)Utilizar CSS:Existem Tags CSS (O Chamado CSS2 - A Segunda Geração de Style Sheets), específicas para impressão, que estão disponíveis para browsers mais recentes que ainda estão sendo pouco utilizadas, por falta de informação dos Webdesigners.São elas:all aural braille embossed handheld print projection screen tty tv Como você pode ver, Wolf, existem CSS para todos os gostos, até para os Cegos. (;-P)Elas não possuem impacto diretamente na visualização, apenas na Impressão, por isso não se assuste com o Braille (;P)Pelo que percebi, você está utilizando tabelas para que sejam impressas em algum tipo de relatório.Eu particularmente prefiro usar a tag <DIV></DIV>, e setar propriedades para ela, como sombra, fundo e até mesmo borda.As tabelas nao foram utilizadas para impressao, a não ser que voce insira na tag table:<table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td>Seu conteúdo</td> </tr></table>Isso vai funcionar, mas nao é o ideal.Mesmo por que tabelas são:- Lentas- Inflexiveis- Não foram feitas para impressão browser>>impressoraSe quizer seguir o meu conselho (não estou te obrigando), faça isso para inserir o seu relatorio:**************************************************************<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"><html lang="en"><head><style type="text/css" media="screen"><!--BODY { position: relative; min-width: 600px; width: 100%; margin: 0; padding: 0; border: none; }#top { position: absolute; top: 0; left: 0; min-width: 600px; width: 100%; height: 100px; }#left { position: absolute; top:100px; left: 0; width: 20%; margin-top: 1%; }#middle { position: absolute; top:100px; left:20%; min-width: 360px; width: 58%; margin: 1% 1% 0 1%; }#right { position: absolute; top:100px; left: 80%; width: 20%; margin-top: 1%; }</style><style type="text/css" media="screen"><!-- BODY { background: #CCC; }DIV { background: #FFF; }style> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>Relatório, churtando o traseiro de tabelas in´nuteis para impressão</title></head><body><div id="top"> <p title="'top' DIV"> </p></div><div id="middle"> <p title="'middle' DIV"> </p></div><div id="left"> <p title="'left' DIV"> </p></div><div id="right"> <p title="'right' DIV"> </p></div></body></html>********************************************************Garanto que vai ficar bem melhor.Espero ter ajudado.Quem quizer saber mais como utilizar outras formas para impressão utilizando tabelas, esxistem várias opções (inclusive utilizando uma nova ferramenta da macromedia chamada Macromedia Flash 5 print authoring kit )

Compartilhar este post

Link para o post
Compartilhar em outros sites

Douglas    6

Douglas
Postado

E se você criar um novo estilo, so para a impressão.

 

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

Ou seja esse estilo, se vai ser usado quando você imprimir.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Genautech    0

Genautech
Postado

Exatemente como o Douglas mencionou, aquela folha de estilo que está no código, deve ser inserida por meio dessa chamada.Não tem erro.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Night_Wolf    0

Night_Wolf
Postado

resolvi dar uma olhada na net e reparei que:o site do terra se você for imprimi-lo as figuras saem mas o fundo das tabelas naoassim como esse site, o imasters, as figuras saem mas novamente os fundos das tabelas nao saem na impressãoserá que é impossível fazer isso que eu quero ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Night_Wolf    0

Night_Wolf
Postado

Exatemente como o Douglas mencionou, aquela folha de estilo que está no código, deve ser inserida por meio dessa chamada.Não tem erro.

ahh tahvou tentar fazer isso entao jah voltoo pra falar se funciona ou nao.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Genautech    0

Genautech
Postado

Hahaha,

 

 

As tabelas não são a melhor solução para a impressão. Elas nem foram feitas para isso.

Use as DIVs com os CSS2 e você vai conseguir imprimir.

 

Uma dica:

 

Não se esqueça de configurar a nas propriedades para a impressão que voce quer imprimir como a página está relamente aparecendo. Senão as tabelas nunca serão impressas nem com borda 15! ;-)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Night_Wolf    0

Night_Wolf
Postado

to com um probleminhaolah só uma parte do codigo da pagina:<div id="Layer2" style="position:absolute; left:9px; top:69px; width:525px; height:22px; z-index:2;"> <span class="style3"> Cliente: X </span></div>tipo ta junto com a pagina o csssai pra deia ele sozinho como que eu faco ?:id="Layer2" style="position:absolute; left:9px; top:69px; width:525px; height:22px; z-index:2;tipo ai ta o csss e o id dele ai eu tenhoq por mais algum codio nao tem ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Genautech    0

Genautech
Postado

to com um probleminhaolah só uma parte do codigo da pagina:<div id="Layer2" style="position:absolute; left:9px; top:69px; width:525px; height:22px; z-index:2;"> <span class="style3"> Cliente: X </span></div>tipo ta junto com a pagina o csssai pra deia ele sozinho como que eu faco ?:id="Layer2" style="position:absolute; left:9px; top:69px; width:525px; height:22px; z-index:2;tipo ai ta o csss e o id dele ai eu tenhoq por mais algum codio nao tem ?

Opa!Coloque essa classe no seu arquivo CSS ou onde ele estiver. <;P#Layer2{ position: absolute; top: 69px; left: 9px; width:525; height:22px z-index: 2; }Sugiro que vocÊ coloque isso em um CSS separado, pois senão o seu DW vai ficar criando folhas de estilo a torto e à direita dentro do seu código e você vai acabar se perdendo.Espero ter ajudado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Night_Wolf    0

Night_Wolf
Postado

fiz tudo criei o css em um arquivo separado coloquei certinho mas naum funciona. o fundo da div naum sai.e eu ainda coloquei no css:background-image: url(cliente.png)o texto sai tudo certinho mas o fundo naoo =\\

Compartilhar este post

Link para o post
Compartilhar em outros sites

Douglas    6

Douglas
Postado

fiz tudo criei o css em um arquivo separado coloquei certinho mas naum funciona. o fundo da div naum sai.e eu ainda coloquei no css:background-image: url(cliente.png)

Porque você colocou PNG? Coloca GIF ou JPEG.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Night_Wolf    0

Night_Wolf
Postado

fiz tudo criei o css em um arquivo separado coloquei certinho mas naum funciona. o fundo da div naum sai.e eu ainda coloquei no css:background-image: url(cliente.png)

Porque você colocou PNG? Coloca GIF ou JPEG.
pq eh so pra testardeixa eu trocar...troueii mas fica na mesma...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Genautech    0

Genautech
Postado

Provavelmente voce comeu alguma bola, e pelo que eu vi a sintaxe do seu codigo esta errada.enfim...tente isso.body{ font-family: Arial,sans-serif; color: #333333; margin: 0px; padding: 0px; background: #cccccc url("nome_da_sua_imagem") fixed;}Com certeza funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Night_Wolf    0

Night_Wolf
Postado

vou postar o codigo do site

 

o css:

 

/* CSS Document */body{font-family: Verdana;color: #333333;margin: 0px;padding: 0px;background: #cccccc url("cliente.jpg") fixed;}#Layer2{position: absolute;top: 69px;left: 9px;width:525;height:22px;z-index: 2;background-image: url(cliente.jpg);layer-background-image: url(cliente.jpg);border: 1px none #000000;background: #cccccc url("cliente.jpg") fixed;}#Layer3{position: absolute;top: 69px;left: 539px;width:128;height:22pxz-index: 3;}#Layer4{position: absolute;top: 100px;left: 9px;width:568;height:40pxz-index: 4;}#Layer5{position: absolute;top: 147px;left: 9px;width:80;height:20pxz-index: 5;}
ai ele vai ateh o 17...

 

agora o da página:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><link rel="stylesheet" type="text/css" media="print" href="css.css"><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--body {	background-color: #FFFFFF;}.style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }.style5 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;}--></style><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script></head><body><div id="Layer2" > <span class="style3"> Cliente: X </span></div><div id="Layer3" style="position:absolute; left:539px; top:69px; width:128px; height:22px; z-index:3;"> <span class="style3"> Nº: X </span></div><div id="Layer4" style="position:absolute; left:9px; top:100px; width:658px; height:40px; z-index:4;">  <p>  <span class="style3">Prezado(s) Senhor(es)</span><br>   <span class="style3">Vimos pelo presente apresentar nossos preços para conforme descrição a seguir: </span></p></div><div id="Layer5" style="position:absolute; left:9px; top:147px; width:80px; height:20px; z-index:5">   <div align="center"><span class="style1">Quantidade</span></div></div><div id="Layer6" style="position:absolute; left:94px; top:147px; width:80px; height:20px; z-index:6">   <div align="center"><span class="style1">Unidade</span></div></div><div id="Layer7" style="position:absolute; left:586px; top:147px; width:80px; height:20px; z-index:7">   <div align="center"><span class="style1">TOTAL</span></div></div><div id="Layer8" style="position:absolute; left:491px; top:147px; width:90px; height:20px; z-index:8">   <div align="center"><span class="style1">Valor Unitario</span></div></div><div id="Layer9" style="position:absolute; left:179px; top:147px; width:307px; height:20px; z-index:9">   <div align="center"><span class="style1">Discriminação</span></div></div><div id="Layer10" style="position:absolute; left:9px; top:185px; width:80px; height:250px; z-index:10" class="style1">  <div align="center">X<br>  </div></div><div id="Layer11" style="position:absolute; left:94px; top:185px; width:80px; height:250px; z-index:11" class="style1">  <div align="center">X</div></div><div id="Layer12" style="position:absolute; left:179px; top:185px; width:307px; height:250px; z-index:12" class="style1">  <div align="center">x</div></div><div id="Layer13" style="position:absolute; left:491px; top:185px; width:90px; height:250px; z-index:13" class="style1">  <div align="center">x</div></div><div id="Layer14" style="position:absolute; left:586px; top:185px; width:80px; height:250px; z-index:14" class="style1">  <div align="center">x</div></div><div id="Layer15" style="position:absolute; left:9px; top:442px; width:658px; height:20px; z-index:15"></div><div id="Layer16" style="position:absolute; left:8px; top:469px; width:505px; height:22px; z-index:16" class="style3"> Data: xx/xx/XXXX </div><div id="Layer17" style="position:absolute; left:519px; top:469px; width:148px; height:22px; z-index:17"> <span class="style3">TOTAL Geral: x </span></div><p align="center"><br></p><div id="Layer1" style="position:absolute; left:9px; top:16px; width:658px; height:25px; z-index:1;">   <div align="center"><span class="style5">Orçamento</span></div></div><p><br>  <br>  <br>

se vcs repararem o ID #2 na página ta sem coordenadas..

mas no csss tem

entao quando visualizo a impressao ele aprece certinho aonde eu quero

porem o fundo da div ainda naum aparece

Compartilhar este post

Link para o post
Compartilhar em outros sites

Genautech    0

Genautech
Postado

Hehehe...Cara. Coloque o caminho da imagem. voce so colocou o nome dela.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito