Disparition des cadres à l'impression par Xanthellis - page 1

bon ca marche pas et pis c'est tout
a l'origine, il n'y avait pas de css dans cette page.

Voila le code mais sans css et donc avec tout codé a la main en dur...
Mon problème est :

Je veux que mes <TD bgcolor="#XXXXXX"> qui s'affichent bien en couleur sur la page, puissent s'imprimer en couleur aussi.

<html>
</HTML>
<html>
<body bgcolor="#FFFFFF">
<table width="100%" border="0">
<TR><TD bgcolor="#bfbccf">
<center>Coordonées</center>
</TD>
<TD align="right">
<a href="#" onclick="print(document);" title="Imprimer cette page"><img src="images/print.ico" border=0 height="20"></a>

</TD></TR>
<TR><TD align="left">
PPG 
Route d'estreux 
 
59990 SAULTAIN
Tel : 03.27.14.98.81 

Fax : 03.27.14.96.75 </TD>
<TD valign="middle" align="center">
<img src="images/ago.jpg" height="100">
</TD></TR>
<TR><TD colspan="2" bgcolor="#bfbccf">
<center>Infos légales et financières</center>
</TD></TR>

<TR><TD>
Siret : 558800926-00237 
NAF / APE : 243Z 
Chiffre d'affaire : Sup. 10.000 K€ 
Activité : usine de resines et de peintures 

</TD><TD>
Enquête : Accepte 
Encours : 60.000 
Délai Regl. : 30 jours fin de mois 
</TD></TR>
<TR bgcolor="#bfbccf"><TD colspan="2">

<center>Infos et besoins</center>
</TD></TR>
<TR><TD>
Etat : Actif 
Periode forte : permanent 
ETT : Adecco 

Nb moyen d'interim : 
Profil : CARISTE 3 5 
Profil : AGENT DE PRODUCTION 
Profil : -VIDE- 
Profil : -VIDE- 

</TD><TD>
<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts sur http://www.toutjavascript.com
// Script entièrement développé par et pour Tout JavaScript.com
// Si vous utilisez ce script, vous devez laisser ce commentaire

// Déclaration du tableau des X
var tabX=new MakeTab('J','F','M','A','M','J','J','A','S','O','N','D');

// Déclaration du tableau des Y
var tabY=new MakeTab(0,0,0,0,0,4,2,0,9,2,2,1);

// l'affichage de l'histogrammes se fait dans la partie BODY

// Rien à toucher à partir d'ici
function AffHisto(tabx,taby,incX,Y,titre,dX,dY,decal) {
var ie="";var ns="";
var nb=taby.length;
var max=GetMax(taby);
var min=GetMin(taby);
var incY=Y/max;
var tailleY=0; var tailleX=0;
for(var i=0;i<nb;i++)
{ tailleY=Math.floor(taby[i]*incY);
tailleX=Math.floor(incX);
var nom="images/histo.gif"; if ((taby[i]==max)||(taby[i]==min)) {nom="images/orange.gif"}

ie+="<DIV style='position:absolute;height:100;top:"+(dY-tailleY)+";left:"+(dX+i*(incX+1))+"'>";
ie+="<img valign='bottom' border=0 src='"+nom+"' width="+tailleX+" height="+tailleY+" alt='"+tabx[i]+" : "+(taby[i])+"'>";
ie+=" <CENTER>"+tabx[i].substring(0,2)+" "+tabx[i].substring(3,5)+"</CENTER>"+"</DIV>";

ns+="<LAYER height=100 width="+incX+" top='"+(dY-tailleY)+"' left='"+(dX+i*(incX+1))+"'>";
ns+="<img valign='bottom' border=0 src='"+nom+"' width="+tailleX+" height="+tailleY+" alt='"+tabx[i]+" : "+(taby[i])+"'>";
ns+=" <CENTER>"+tabx[i].substring(0,2)+" "+tabx[i].substring(3,5)+"</CENTER>"+"</LAYER>";

}
for(i=0;i<=Math.round(max/decal);i++) {
ie+="<DIV style='position:absolute;top:"+(dY-decal*i*(incY))+";left:"+(dX-5)+"'><IMG src='images/red.gif' height='1' width='"+(nb*(incX+1)+5)+"'></DIV>";
ie+="<DIV style='position:absolute;top:"+(dY-8-decal*i*(incY))+";left:"+(dX-30)+"'>"+(i*decal)+"</DIV>";

ns+="<LAYER top='"+(dY-decal*i*(incY))+"' left='"+(dX-5)+"'><IMG src='images/red.gif' height='1' width='"+(nb*(incX+1)+5)+"'></LAYER>";
ns+="<LAYER top='"+(dY-8-decal*i*(incY))+"' left='"+(dX-30)+"'>"+(i*decal)+"</LAYER>";
}

ie+="<DIV style='position:absolute;top:"+(dY-GetMoy(taby)*(incY))+";left:"+(dX-5)+"'><IMG src='images/green.gif' height='1' width='"+(nb*(incX+1)+15)+"'></DIV>";
ie+="<DIV style='position:absolute;top:"+(dY-GetMoy(taby)*(incY)-8)+";left:"+(dX+nb*(incX+1)+15)+"'>"+GetMoy(taby)+"</DIV>";
ns+="<LAYER top='"+(dY-GetMoy(taby)*(incY))+"' left='"+(dX-5)+"'><IMG src='images/green.gif' height='1' width='"+(nb*(incX+1)+15)+"'></LAYER>";
ns+="<LAYER top='"+(dY-GetMoy(taby)*(incY)-8)+"' left='"+(dX+nb*(incX+1)+15)+"'>"+GetMoy(taby)+"</LAYER>";

var nbtotal=GetMoy(taby)*nb;
ns+="<LAYER top='"+(dY+30)+"' left='"+(dX-5)+"'>"+titre+"</LAYER>";
ie+="<DIV style='position:absolute;top:"+(dY+30)+";left:"+(dX-5)+"'>"+titre+" (Total : "+nbtotal+")</DIV>";

if ((document.all)||(document.getElementById)) {disp(ie)}
else {disp(ns)}
}
function GetMoy(tab) {
var nb=tab.length;
var moy=0;
for(var i=0;i<nb;i++)
{moy=moy+tab[i];}
if (nb!=0) return Math.round(moy/nb);
}
function GetMax(tab) {
var max=tab[0];
var nb=tab.length;
for(var i=0;i<nb;i++)
{max=Math.max(max,tab[i]);}
return max;
}
function GetMin(tab) {
var min=tab[0];
var nb=tab.length;
for(var i=0;i<nb;i++)
{min=Math.min(min,tab[i]);}
return min;
}
function MakeTab() {
this.length = MakeTab.arguments.length;
for (var i = 0; i < this.length; i++)
this[i] = MakeTab.arguments[i];
}
function disp(txt) { document.write(txt) }
</SCRIPT>

<SCRIPT language=javascript>
// Affichage ici
// AffHisto(coordonnées en X,en Y,largeur d'une barre, hauteur,titre,position en X, position en Y, increment de l'echelle) {
AffHisto(tabX,tabY,16,90,'Commandes N-1',450,400,100);
</SCRIPT>
</TD></TR>
<TR bgcolor="#bfbccf"><TD colspan="2">
<center>Contacts</center>
</TD></TR>

<TR><TD colspan="2">
Nom : Mme HIANNE Virginie -- DRH Téléphone : 03.27.14.98.81 Fax : 
Nom : Mme GOFFART Chantal - Resp personnel Téléphone : 03.27.14.98.81 Fax : </TD></TR>

<TR bgcolor="#bfbccf"><TD colspan="2">
<center>Remarques</center>
</TD></TR>
<TR><TD colspan="2">
Client A 
A traiter en priorité en commande. </TD></TR>
</table>
</body>

</html>

Vous avez la tout le code de ma page.
Vous pouvez le lancer sur votre serveur pour voir le resultat.

Si qqun a une idée sans le css qui ne fonctione pas (desolé mais pas le background-color : black; du css s'affiche mais ne s'imprime pas

)

Merci

Madduck

Xanthellis

27 décembre 2005 à 8:06:18

Bonjuor à tous,

Voila mon problème :
Les fonds de colone et lignes de mes tableaux (colorés) disparaissent à l'impression.

Ce phenomène existe sur IE et Firefox.

Si qqun a déjà eu ce problème...

Merci

JulFisher

27 décembre 2005 à 9:43:38

http://forum.alsacreations.com/faq/#item55

27 décembre 2005 à 10:02:00

Ba non, ca correspond pas je pense.

Lors de l'affichage, tout est ok.
C'est à l'impression que les couleurs de fond de mes cadres disparaissent.

... :euh:

27 décembre 2005 à 12:20:13

Il faut que tu définisses une feuille de style pour l'impression

C'est expliqué sur Alsacreations.

27 décembre 2005 à 14:28:17

Désolé,

Je dois pas etre doué car je met ca dans ma feuille css :

.titre
{
background-color: black;
color: rgb(153,0,0);
}

et ca dans ma page web :

et ca dans mon code :

<TR><TD colspan="2" class="titre">
<center>Infos légales et financières</center>
</TD></TR>

et ca fonctionne bien a l'ecran quand j'ouvre la page mais toujours pas de couleur de fond à l'impression.

Je comprend decidement pas...

27 décembre 2005 à 14:41:29

Ceci est changé : media="screen" => media="print"
Crée 2 fichiers css différents comme ceci :

27 décembre 2005 à 16:35:14

atly

27 décembre 2005 à 17:53:20

C'est pas vrai...
Ce qui est dit plus haut est vrai.
Cherche à comprendre, cherche à te documenter, cherche à appliquer, et tout ira bien. Comment ça "bon ca marche pas et pis c'est tout" ? Ca marche.
Il faut préciser dans ta balise <link /> à quel médias le CSS s'applique. L'écran (l'affichage) n'est pas le même que l'imprimante (impression).

En espérant avoir clarifié.

Disparition des cadres à l'impression

Disparition des cadres à l'impression

Supprimer

Modérer

Signaler le message aux modérateurs