isto tá muito bonito mas reparei agora que não consigo configurar a coisa para que imprima só a coluna do meio.
alguém pode ajudar?
ok descobri:
Um dos problemas do Esparsos é que quando se imprime aparece o logo, o menu, e o texto que interessa deslocado.
solução:
basta criar uma outra style sheet ao nosso gosto, neste exemplo aproveitando a já anteriormente criada esparsos.css
fazer-lhe as seguintes alterações:
.esparsos1 {
position: absolute;
left: 50mm;
top: 0mm;
margin: 3mm;
padding: 1mm;
height: 1cm;
width: 10cm;
visibility: hidden;
}
.exemplo4 {
position: relative;
top: auto;
width: 16cm;
left: auto;
border: none;
background-color: #FFFFFF;
right: auto;
bottom: auto;
}
.esparsos3 {
position: absolute;
left: 0mm;
top: 15mm;
width:3cm;
margin: 3mm;
padding: 1mm;
border: thin solid #000099;
background-color: #FFFFFF;
visibility: hidden;
}
a:link {
text-decoration: none;
color: #BBBBBB;
}
a:visited {
text-decoration: none;
color: #BBBBBB;
}
a:hover {
text-decoration: none;
color: #000077 ;
}
a:active {
text-decoration: none;
}
a {
font-weight: bold;
}
body {
background-color: #FFFFFF;
}
o que fizémos foi ocultar o logo e a barra de menu e formatar o texto para que ocupe toda a página teve de se mudar este estilo para relative caso contrário o texto sai fora das margens de impressão . Mudou-se também o fundo para branco para que não aparecça na impressão.
grava-se este ficheiro com o nome print.css ou outro qualquer.
Temos então duas css uma para ser vista através do browser e outra para o utilizador imprimir o texto útil.
agora na nossa página onde já foi inserido o código para associar o esparsos.css
<link href="esparsos.css" rel="stylesheet" type="text/css">
ntroduzimosoutro código em que dizemos que se o utilizador quiser imprimir a página deverá ser utilizado estilo print.css e não esparsos.css:
<link rel="stylesheet" type="text/css" href="print.css" media="print">
e já está o problema resolvido!