Ir para conteúdo
Fórum Script Brasil
  • 0

Imprimir Arquivo Em Página Branca Fonte Preta


little_richard

Pergunta

7 respostass a esta questão

Posts Recomendados

  • 0
é recomendado que você especique para evitar problemas para os usuários.

falou.

continuo tendo problemas...

droga...

:/

código do @media type:

@media print {/*
       font-family: serif;
       font-size: 14px;
       color: #000;
       background-color: #fff; */
}
se eu tirar o /* */ ele fode com o layout padrão dessa página. código da página:
<table width="100%">
<tr> 
	<td  class="topo">
	<h2> Repertório - Dia xxxxx </h2> 
</td>
</tr>

<tr>
	<td class="meio">
  <ul> 
  <li>Artista Um - Musica Tal </li> 
  <li>Artista Dois - Musica Tal </li>
  <li>Artista Três - Musica Tal </li> 
  </ul>
	</td>
</tr> 

<tr> 
	<td class="inferior"> 
	<INPUT TYPE="button" value="fechar" class="botao" onclick="window.close()">
	<INPUT TYPE="button" value="imprimir" class="botao" onclick="window.print()">

    </td> 
</tr>

</table> 

 
css:
@media print {/*
       font-family: serif;
       font-size: 14px;
       color: #000;
       background-color: #fff; */
}

body { 
    font: 12px #fff Arial, sans; 
	background-color: #000;
	margin-left: 0;
}

td.topo {
  background: url("img/fundo-topo.jpg") repeat-x;
  top: 0; 
  left: 0;  
  width: 100%;
  height: 67px;
  padding: 5px;
}

td.meio {
     background-color: #C2CFDF;
     border-top: 2px solid #D4DBCB;
     border-bottom: 2px solid #D4DBCB;
}

td.inferior { 
	background-color: #000; 
	font-family: arial; 
	font-size: 12px; 
	color: #fff;
	text-align: center; 
}

h2 {
	font-family: arial; 
	color: #fff;
 }

ul { 
   list-style: none;
   font-family: arial;
   font-size: 12px;
   color: #000;
   padding-top: 3px;
   padding-left: 15px;
}

.botao {
       font-family: arial;
       font-size: 12px;
       color: #fff;
       border: 1px solid #1E5162;
       background-color: #1E5162;
}

obrigado

cool.gif

Link para o comentário
Compartilhar em outros sites

  • 0

Véio, o /**/ no código CSS, é pra comentários. Num adianta nada você coloka o código dentro disso.

falou.

eu sei

mas no site do w3 tá desse jeito.

Aí como sem comentário ele ferrou com o layout, achei que o comentário, nesse caso, tivesse alguma outra utilidade.

falou

resolvido...

@media print precisa de declaração completa

@media print { 
h1 ... 
h2 ...
p .... 
a ... 

} 

}

falou!!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...