Ir para conteúdo

Arquivado

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

tiago_pimenta

Imagem diminuindo outros objetos quando imprimi

Recommended Posts

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

 

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

 

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

 

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

×

Informação importante

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