Ocultar Objetos

[olimpia]

Como faço para ocultar um objeto quando a pagina por impressa

Tem como fazer isso usando CSS?

[Crystian]

para ti deixar um objeto invisivel é só setar a propriedade style="visibility: hidden"...

Abraço

[olimpia]

Eu gostaria de criar um estilo em css, onde o componente quando estivesse na pagina , por exemplo umn botão , seria visualizado, mas quando eu imprimir ele é ocultado e não sai na impressão

Tem como fazer isso?

[renan_doidera]

Bota para um cara imprimir por um botão do seu site (self.print() acho...) e no onclick desse botão, antes de mandar imprimir manda esconder, por exemplo, todos os objetos da página, aí vai imprimir sem eles.

Falows

[olimpia]

bom dia

eu fiz assim e deu certo

@media print {

DIV.visible { visibility: hidden; }

}

então coloquei todos os botões dentro de um div,defini a class='visible' e quando imprimo ou visualizo o div fica oculto

deu certo no IE e no MOZILA?

[Crystian]

Boa Olimpia dividindo o pão com os pobres, é assim q se faz....hehehehe...

Bom mas te dando alguns toques, se você tiver mais de um div na tua tela eles tb não vão aparecer na impressão, tome cuidado. Você poderia colocar pros próprios botões o estilo, assim você não precisaria trabalhar com os divs, pois você pode ter vários botões em partes diferentes do site q você não queira imprimir. Só uma dica, mas se funfou beleza...

Abraço

Crystian

[olimpia]

beleza, valeu pela ideia

Mas agora sugiu uma duvida, é o inverso so que fiz com o DIV

Eu não quero que o cabeçalho apareça na pagina, mas quando imprimir eu quero que ele seja impresso

Eu fiz assim,

<tr class='mostrar' style='visibility: hidden;'>

e no css eu fiz assim

@media print {

TR.mostrar { visibility: visible }

}

Na tela do Browser não aparece, mas quando mando imprimir ele continua oculto, como posso fazer para resolver isto?

[Crystian]

tenta tirar o mostrar e deixar somente o ".mostrar"....