Originariamente inviato da gengix
Controlla il valore dell'attributo "media" nella dichiarazione dello style a inizio documento.
Se per caso il valore è screen gli stili sono solo per il monitor, mentre il valore "all" considera tutti i supporti.
es:
codice:
<link rel="Stylesheet" type="text/css" href="...." media="all" />
Se invece ti riferisci al fatto che non ti stampa le immagini e i colori di sfondo è normale.
Quasi tutti i browser web sono configurati per non stampare i colori e le immagini di sfondo, per una questione di comodità e di risparmio nei confronti dell'utente (quest'ultimo se le vuole stampare deve modificare a manina le configurazioni del browser).
Altrimenti prova a postare il codice di struttura.
non mi stampa i colori... ma le icone che ho messo per stampa e chiudi si!
codice:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="it">
<head>
<title>Stampa </title>
<link rel="stylesheet" type="text/css" media="all" href="stampa_attivita.css" />
<script src="jscript/controlli.js" type="text/javascript"></script>
</head>
<body >
<div id="contenitore">
<div id="contenuto">
<h2>Stampa Attività</h2>
<div id="stampa_su">
[img]/img/stampa.jpg[/img]
[img]/img/close.jpg[/img]
</div>
<table cellspacing="2" cellpadding="5" >
<tr>
<th>
Titolo
</th>
<th colspan="3">
Attività Di Prova
</th>
</tr>
<tr>
<td>
Data
</td>
<td>
19/06/2008
</td>
<td >
Data Scandeza
</td>
<td>
23/06/2008
</td>
</tr>
</table>
</div>
<div id="stampa">
[img]/img/stampa.jpg[/img]
[img]/img/close.jpg[/img]
</div>
</div>
</body>
</html>
ed ecco il css
codice:
/* Sezioni Generiche */
html,body
{
margin: 0;
padding:0;
}
body
{
text-align:center;
font-family: Arial,Helvetica,Sans-serif;
font-size: 76%;
background-color:#FFFFFF;
}
h2
{
margin-top:0;
padding-top:0;
margin-bottom:20px;
text-align:left;
font-size: 1.4em;
font-family:"Verdana";
}
/*contenitore contenuti */
div#contenitore
{
position:relative;
width: 700px;
margin:10px auto auto auto;
text-align: left;
}
div#contenuto table
{
background:#685264;
font-weight:normal;
width:700px;
margin: 0 0 20px 0;
}
div#contenuto table td
{
background:#FFFFFF;
vertical-align:top;
}
div#contenuto table th
{
background:#dbe882;
vertical-align:top;
text-align:left;
}
div#stampa
{
margin-top:20px;
text-align:center;
}
div#stampa_su
{
margin-bottom:20px;
text-align:center;
}
div#stampa_su img,div#stampa img
{
margin-right:20px;
}
a img
{
border:0;
text-decoration:none;
}