tiago_pimenta 0 Denunciar post Postado Maio 18, 2015 Pessoal, boa tarde !!! Estou com um problema e gostaria de saber se alguém já passou por isso e como solucionar. Tenho um relatório em HTML, onde parte da página é o sistema que gera e a outra parte, é o usuário que cria, através de um editor HTML. A parte que o sistema gera, tem uma imagem, uma tabela e alguns texto. Na parte do editor, o usuário pode inseri texto, formata, inseri imagem, redimensiona a imagem, ou seja, faz quase tudo o que ele achar conveniente. O problema é: Quando eu vou imprimir essa página HTML, se tem alguma imagem no corpo da página, todos os outros objetos (Outras imagens, tabela, textos, etc...) ficam menores, como se a imagem do corpo da página estivesse espremendo/compactando os outros objetos. Esse problema ocorre tanto pelo nosso sistema, quando gerando a "página pura", por editor de texto. Já tentei dividir a página em "sessões" cabeçalho, corpo e rodapé através do div, setar o width e height da imagem via CSS, pois comentaram comigo que essas propriedades, dentro da tag img é que dava o erro, mas mesmo assim, nada funcionou. Mesmo que o width e height da imagem funciona-se, não poderia ser assim, pois quem define o tamanho da imagem é o usuário no editor HTML, então não poderia ser via CSS. Alguém já teve esse problema ? Como soluciona-lo ?? Abaixo tem o código de uma nova página que estava fazendo só para teste, mas que está apresentando o problema. <html> <div id = "site"> <style type = "text/css"> #site { width: 100%; height: 100%; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; background-color: #000000; } #header { width: 100%; height: 20%; background-color: #00FFFF; } #body { width: 100%; height: 75%; background-color: #0000FF; } #footer { width: 100%; height: 5%; background-color: #000066; } .table_paciente { border: 1px solid #000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .tr_paciente .td_paciente { border: 0; } #imagem_teste { width: 980px; left: 263px; } </style> <head> <div id = "header"> <table class = "table_paciente" width = "100%" border = "0"> <tr class = "tr_paciente"> <td class = "td_paciente" width="15%" align="right"><b>Paciente:</b></td> <td class = "td_paciente" colspan="3">Tiago Pimenta</td> <td class = "td_paciente" width="14%" align="right"><b>RH:</b></td> <td class = "td_paciente" width="23%">15-00001</td> </tr> <tr class = "tr_paciente"> <td class = "td_paciente" align="right"><b>---o:</b></td> <td class = "td_paciente" width="15%">Masculino</td> <td class = "td_paciente" width="21%" align="right"><b>Dt. Nascimento:</b></td> <td class = "td_paciente" width="12%">01/01/1901</td> <td class = "td_paciente" align="right"><b>Idade:</b></td> <td class = "td_paciente">N/I</td> </tr> <tr class = "tr_paciente"> <td class = "td_paciente" align="right"><b>Médico Solic.:</b></td> <td class = "td_paciente" colspan="5">Tiago Pimenta</td> </tr> <tr class = "tr_paciente"> <td class = "td_paciente" align="right"><b>Filial Solic.:</b></td> <td class = "td_paciente" colspan="2">Antenor Duarte</td> <td class = "td_paciente" align="right"><b>Convênio:</b></td> <td class = "td_paciente" colspan="2">SUS</td> </tr> <tr class = "tr_paciente"> <td class = "td_paciente" align="right"><b>Município:</b></td> <td class = "td_paciente">Barretos</td> <td class = "td_paciente" align="right"><b>UF:</b></td> <td class = "td_paciente">São Paulo</td> <td class = "td_paciente" align="right"><b>C.Custo Solic.:</b></td> <td class = "td_paciente">TI</td> </tr> <tr class = "tr_paciente"> <td class = "td_paciente" align="right"><b>Dt. Solicitação:</b></td> <td class = "td_paciente">01/01/1901</td> <td class = "td_paciente" align="right"><b>Dt. Liberação Laudo:</b></td> <td class = "td_paciente">01/01/1901</td> <td class = "td_paciente" align="right"><b>Dt. Revisão:</b></td> <td class = "td_paciente">01/01/1901</td> </tr> </table> </div> </head> <body> <div id = "body"> <!-- <img id = "imagem_teste" src="71.jpg"> --> </div> </body> <div id = "footer"> </div> </div> </html> http://pastebin.com/NwBhmXtA Compartilhar este post Link para o post Compartilhar em outros sites
Marcos Xavier 189 Denunciar post Postado Maio 18, 2015 Dá uma lidae http://tableless.com.br/dicas-de-css-para-impressao/ Compartilhar este post Link para o post Compartilhar em outros sites
André do Vale 76 Denunciar post Postado Maio 18, 2015 Que estrutura é essa de HTML?Comece pelo básico: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <!-- AQUI QUE VEM SUAS TAGS EXIBIDAS --> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites
tiago_pimenta 0 Denunciar post Postado Maio 18, 2015 Dá uma lidae http://tableless.com.br/dicas-de-css-para-impressao/ Obrigado Marcos, irei ler !!! Que estrutura é essa de HTML? Comece pelo básico: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <!-- AQUI QUE VEM SUAS TAGS EXIBIDAS --> </body> </html> Não entendi a pergunta. Qual o problema da estrutura ? Compartilhar este post Link para o post Compartilhar em outros sites
André do Vale 76 Denunciar post Postado Maio 18, 2015 Não entendi a pergunta. Qual o problema da estrutura ? Vejamos: Você começa seu HTML, e logo em seguida declara uma DIV; Dentro desta DIV você abre o escopo de folha de estilos, e logo abaixo você declara o HEAD da página; Dentro do HEAD você insere tags de renderização; Depois de fechar o BODY, você abre uma tag também de renderização. Cada elemento na página tem um motivo de existir, e o que pode existir dentro dela. Por exemplo, no HEAD você configura o seu documento, colocando coisas como <title>, <style>, <base>, <link>, <meta>, <script> etc. Já na tag BODY, é onde você irá colocar todos os elementos de visualização da página, como imagens, textos, links, listas, tabelas etc. Compartilhar este post Link para o post Compartilhar em outros sites
tiago_pimenta 0 Denunciar post Postado Maio 18, 2015 Vejamos: Você começa seu HTML, e logo em seguida declara uma DIV; Dentro desta DIV você abre o escopo de folha de estilos, e logo abaixo você declara o HEAD da página; Dentro do HEAD você insere tags de renderização; Depois de fechar o BODY, você abre uma tag também de renderização. Cada elemento na página tem um motivo de existir, e o que pode existir dentro dela. Por exemplo, no HEAD você configura o seu documento, colocando coisas como <title>, <style>, <base>, <link>, <meta>, <script> etc. Já na tag BODY, é onde você irá colocar todos os elementos de visualização da página, como imagens, textos, links, listas, tabelas etc. Entendi André, mas isso foi feito como tentativa para resolver o meu problema, o que também não funcionou. Mesmo eu retirando tudo o que está em "excesso" (Mas dizer assim), o meu problema persiste, então não acho que seja isso o problema, mesmo assim, vou deixar só a tabela e a imagem, para desencargo de consciência !!! Compartilhar este post Link para o post Compartilhar em outros sites