Discussion :

[Josselin54]

Bonjour à tous,

j ai un souci avec mes fond en couleur : il ne s'affichent pas quand je fais apperçu avant impression.

La procédure que j'ai fait :

- j'ai configurer mon browser (ie) pour qu'à l'impression il me laissent la couleur
- j'ai fait une fueille de style pour l'impression que j'ai déclarer en

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

MEDIA='PRINT'

- j'ai utilisé sur mes propriètés

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Background-color:#A5A5A5 !IMPORTANT;

voilà tout est dit de ce que j ai tenté mais rien ni fait le couleur ne s'affiche pas

merci d'avance

[ornitho13]

N'utilise pas de majuscule dans tes feuilles de style (sauf peut être pour les couleurs si tu veux)

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
background-color:#a5a5a5 !important;

De plus où déclares tu ton media="print" ? Dans la balise <link> ou non ?

[Josselin54]

oui dans le link pas de soucis j'ai juste mis media='print' pour précisé que je le faisais c'est tout .

Mais je viens d'essayer ce que tu m'a dit mais cela ne marche pas

[ornitho13]

Aurais tu un lien (url vers démo) où l'on puisse constater ton problème ?

[Josselin54]

désolé ce n'est pas en ligne

[ornitho13]

Et bien peut être peux tu fournir le code de ta page web ? (html et css)

[Josselin54]

un tableau (html)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<table border='1' style='border-width: 1px;border-style:solid;border-collapse:collapse;border-collapse:collapse;margin-top:-160px;margin-letf:-295px;text-size:7px;width:750px;' class='tab_Mo'>
<tr class='ligth'><td>ref</td><td>qte</td><td>Montant</td></tr>
<tr><td>R01589</td><td>2.80</td><td>122.50</td></tr>
</table>

le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.tab_Mo
{
	text-align:right;
	page-break-after:right;
	page-break-inside:avoid;
	border-width: 1px;
	border-style:solid;
	border-collapse:collapse;
	border-collapse:collapse;
	width:750px;
             background-color:#ffcccc !important;
 
 
 
}
 
 
.ligth
{
	background-color:#ffcccc !important;
}

[ornitho13]

Peux tu mettre tout le code HTML (c'est à dire du DOCTYPE à la balise de fin </html>) sinon on ne peut pas voir si le media="print" est correctement implémenté.

[Josselin54]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<META name="WebPartPageExpansion" content="full">
<link rel='stylesheet' type='text/css' href='/josselin/accueil/style/default_style.css' media="screen">
<link rel='stylesheet' type='text/css' href='/josselin/accueil/style/print_style.css'  media='print'>
 
<script type="text/c#" src="../scripts_aspx/fonctions_principales.aspx" runat="server"></script>
 
</head>
<body>
// le code qui va là est audessus
</body>
</html>

[ornitho13]

a priori ton appel de style avec media="print" semble bon.

Par contre, il faudrait que tu rajoutes un DOCTYPE à ta page.

De plus tu utilises une feuille de style mais tu as aussi du style inline dans tes tags HTML : ce n'est pas nécessaire (enlève le style="..." et le border="1" dans ton tag <table>).

Enfin le "!important" n'est pas du tout nécessaire, il n'est à utiliser que dans de très rares occasion (pour surcharger un héritage et encore).

Pour finir, je te conseille de passer ta page au validateur W3C.

[Josselin54]

ok j'essaye ça je vus tiens au courant

==> suite ça ne marche pas méme avec l'ajout de doctype et le passage au validateur

[ornitho13]

j'ai testé avec ce code

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<table class='tab_Mo'>
<tr class='ligth'>
	<td>ref</td><td>qte</td><td>Montant</td>
</tr>
<tr>
	<td>R01589</td><td>2.80</td><td>122.50</td>
</tr>
</table>

l'imprimante m'imprime bien comme le style demandé. Par contre en effet, il n'y a pas de couleur d'arrière plan. Mais cela est dû au paramètre de ton impression soit au niveau de ton imprimante, soit au niveau de ton navigateur.

[Josselin54]

j'ai déjà cochez dans ie->outils->options internet->avancé->imprimer les image et les fond de couleurs .

donc je séche un peu là.
/************************************************/
Maj du 15/02/2011

j 'ai trouvé pourquoi ça marchais pas j avais bien mis imprimé les images et fond dans outils option ....
mais faut aussi le mettre dans aperçu avant impression est là paff magi ça marche !!!!

Ah le magie de windobe

peut chercher pendant trois jour une erreur dans le code là ou c'est le système qui ne réagit pas comme il le devrait .

je tiens à applaudir les lépreux qui ont codé IE quelle idée de mettre ça à deux endroits

enfin bref merci pour votre coup de main
/*******************************************************/

[Bisûnûrs]

Cela dit, un tour dans la FAQ aurait fait gagner pas mal de temps :
http://css.developpez.com/faq/?page=...UND_impression

[Josselin54]

si tu avais suivi le topic depuis le début

je l'ai fait tout de suite le truc avec IE->ouitls->Options internet->avancé-> cochez imprimez fond de couleur et images
le souci n'etais pas là. IL FALLAIT AUSSI

faire clic droit->aperçus avant impression-> cliquez sur la roue à dent et cochez Aussi là une petite case imprimez les fond et image
ça c'est pas marquer dans le FAQ ........ au passage

[Bisûnûrs]

La FAQ date un peu .. C'est une option qui a du arriver avec IE8, puisque je n'en ai aucun souvenir sur IE6 et 7.

La FAQ a effectivement besoin d'une mise à jour.