Imprimir

[Curry]

Como faço para ter um botão ou link (de preferência botão) que mande imprimir uma determinada área da página, pra num ficar imprimindo informação que não interessa ???

[fahledu]

cara se não me engano usando css... da uma pesquisada que tem um post falando a respeito...

se eu achar posto aqui...

abraços

[Curry]

Cara eu não consigo achar algo aqui.. por isso postei como dúvida

vou continuar procurando

[fercosmig]

da uma olhada ae!

http://www.mhavila.com.br/topicos/web/colunas_faixas3.html

abraços

[Curry]

O q eu achei lá foi o seguinte:

@media print {

div#barraVerticalEsquerda, div#barraMenuHorizontal {

  display: none;

}

div#conteudo { margin-left: auto; }

body#duasColunas { background: transparent; }

}

Então seguem minhas dúvidas:

- Posso criar somente uma área div na minha página ou eu tenho q definir todas as áreas div para deixar somente as que eu quero imprimir disponíveis ???

[fercosmig]

pelo que eu entendi lá, na pagina que você montar para impressão, vc deve criar todas as div's e definir quais imprimir e quais não imprimir.

abraços

[Curry]

Se eu fizer um css bem simples, pra não estragar a página q eu já montei, assim:

#topo {

height: 120px;

width: 478px;

}

#meio {

width: 152px;

}

#resto {

width: 593px;

}

@media print {

div#topo, div#meio {

  display: none;

}

       

já basta ???

[fercosmig]

sei, se tá pegando toda a pagina já resolve!

abraços

[.Andreia.]

A forma que eu faço, que acho mais simples é assim: monto um CSS de impressão, exemplo:

body {
font-family: verdana;
color: #000000;
font-size: 11px;
background-color: #FFFFFF;
top:1%;
}

input {
background-color: white;
border-width : 0px;
font-size: 11px; 
color: #000000; 
font-weight: normal;
font-family: verdana;
top:1%;
}

table {
width: 640px;
color: black;
font-size: 11px;
font-weight : none; 
font-family: Verdana;
top:1%;
position-align: center;
} 

td {
color: black;
}

form { 
width: 140px; 
height: 20px; 
background-color: transparent;
font-size: 11px; 
color: black; 
font-weight: normal;
font-family: Verdana, Arial, Helvetica;
top:1%;
}

Depois eu chamo no arquivo desta forma:

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

Mas vou te adiantar.... deixar a impressão bonitinha é fogo.... já enloqueci várias vezes tentando deixar legal