printer vriendelijk verliest logo

Door Mui ter op 28-03-2009 16:48

444 views

Op een webpagina staat een standaard logo, bij het afdrukken wil ik een ander logo gebruiken. Echter ik zie nu helemaal geen logo bij het afdrukken, wel op de pagina zelf.

Ik gebruikeen header met daarin de volgende code

<?php
<head><link rel="stylesheet" type="text/css" href="includes/css/style.css"></script>
<link rel="stylesheet" type="text/css" href="includes/css/print.css" media="print"></script>
</head>
<div id="logo">
<img src="images/pws_snijwerk_menu.jpg" align="right"/>
</div>
<div id="logo_print">
<img src="images/pws_snijwerk_print.jpg" align="right"/>
</div>
?>

css voor de normale pagina

<?php
div#logo_print {display: none}
  body {
    background-color: #FFFFCF;
    color: #004080;
    font-family: Arial;
    font-size: 12px;
  }
  .bd {
    background-color: #FFFFFF;
    color: #004080;
    font-family: Arial;
    font-size: 12px;
  }
  .tbl {
    background-color: #FFFFFF;
  }
?>

css voor de printer

<?php
div#txt {display: none}
div#date {display: none}
div#week {display: none}
div#logo {display: none}
div#menu {display: none}
div#pagnation {display: none}
?>

En hoe kan ik de standaard kop en voettekst uitschakelen bij het afdrukken (url, data e.d.)?

Erwin Geen

28-03-2009 16:59

Is het niet zo dat bij het printen de standaart stylesheet ook wordt gebruikt?
Want daarin staat dat #logo_print niet zichtbaar is.

Marco PHPJunky

28-03-2009 17:26

Je zou natuurlijk ook kunnen kiezen voor een dynamic css bestand...

Een heel klein voorbeeldje:


<?php
switch($_COOKIE['style']) {
  case "high_contrast":
  $bg="black";
  $fg="white";
  break;
case "silly":
  $bg="pink";
  $fg="red";
  break;
default:
  $bg="white";
  $fg="black";
  break;
}
?>
/* STYLE.. */
body {
background-color: <?php =$bg;?>;
color: <?php =$fg;?>;
}

Reageren

Inloggen om te reageren