@media print

Résolu
malik7934 Messages postés 1154 Date d'inscription mardi 9 septembre 2003 Statut Membre Dernière intervention 15 août 2009 - 21 juin 2005 à 17:07
malik7934 Messages postés 1154 Date d'inscription mardi 9 septembre 2003 Statut Membre Dernière intervention 15 août 2009 - 21 juin 2005 à 17:48
Hello,



Alors en un mot: HELP!



J'essaie d'ajouter une image à l'impression de mes pages. J'ai d'abord fait:



<html>

<head>

<style type="text/css">

body{

background: white url("hello.gif");

background-repeat: repeat-x;

background-position: center;

}

</style>

</head>



Hello



</html>



Ce qui me met une joli image centree et repetee sur l'axe des x



Puis j'ai teste @media print:



<html><title>Add Logo</title>

<head>

<style type="text/css">

@media print{

body{

background: white url("hello.gif");

background-repeat: repeat-x;

background-position: center;

}

</style>

</head>



Hello



</html>



Et la, plus rien , pas d'image quand j'imprime. J'ai alors ajoute:



.h{

font-family:verdana;

font-style: bold;

font-size: 18pt;

color: red;

}

...

Hello



et j'ai pu constater que le texte subit bien l'influence de .h; alors pourquoi pas d'images???



J'ai teste ca sous IE (pouah!)...



++Malik7934





PS: Toute la discussion sur: http://www.phpcs.com/forum.v2.aspx?ID=491684

1 réponse

malik7934 Messages postés 1154 Date d'inscription mardi 9 septembre 2003 Statut Membre Dernière intervention 15 août 2009 17
21 juin 2005 à 17:48
c'est bon j'y suis...




Il est en fait impossible de faire directos dans BODY, faut faire une petite feinte qui marche:





<html>


<head>


<style type="text/css">


@media print{


.h{


visibility: visible;


}


}


@media screen{


.h{


visibility: hidden;


}


}


</style>


</head>























</html>
3
Rejoignez-nous