Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    54

    CSS Stampa Table - background-color/color

    Ciao a tutti,

    ho un problema con la stampa di una pagina html contenente una tabella.
    Il problema è che mentre a video mi mostra le celle con il backgroud scelto, quando la stampo il backgroud è bianco.
    Sembra che l'unico attributo che non venga considerato in stampa siano i colori.

    Sbaglio qualcosa? C'è qualche workaround?

    Grazie
    Luca
    Codice HTML
    codice:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT" lang="it-IT">
        <head>        
            <link rel="stylesheet" type="text/css" media="print" href="print.css" />
    	<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
        </head>
        <body id="str-internal" class="str-ateneo" onload="focusOnSimpleSubmit();">
           <table class="stats" cellspacing="0">
              <tr> 
                  <td class="hed" colspan="4">These stats here are good</td>
              </tr>
              <tr>
                  <td>The thing</td>
                  <td>10.0</td>
                  <td>9.8</td>
                  <td>6.7</td>
              </tr>
              <tr>
                  <td>Other thing</td>
                  <td>6.5</td>
                  <td>8.9</td>
                  <td>9.9</td>
              </tr>
            </table>
        </body>
    </html>
    Codice CSS (print.css e screen.css sono praticamente lo stesso file)
    codice:
    table.stats
    {text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    width: 280px;
    background-color: #666;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;}
    
    table.stats td
    {background-color: #CCC;
    color: #000;
    padding: 4px;
    text-align: left;
    border: 1px #fff solid;}
    
    table.stats td.hed
    {background-color: #666;
    color: #fff;
    padding: 4px;
    text-align: left;
    border-bottom: 2px #fff solid;
    font-size: 12px;
    font-weight: bold;}

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` il comportamento standard dei browser. Gli sfondi (colori e immagini) non vengono stampati.
    Questo per evitare fiumi di inchiostro e rovinature della carta.

    Se vuoi stampare gli sfondi devi settare l'apposito checkbox nella finestra di gestione stampante (diversa per ogni browser). Pero` e` una cosa che deve impostare l'utente: non si puo` farlo da server (tranne in alcuni brwoser IE che non sono sufficientemente protetti).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.