Souci de background color à l'impression [Résolu]

Josselin54 · 14/02/2011, 11h31

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 · 14/02/2011, 14h09

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 · 14/02/2011, 14h15

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 · 14/02/2011, 14h16

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

Josselin54 · 14/02/2011, 14h19

désolé ce n'est pas en ligne

ornitho13 · 14/02/2011, 14h25

Et bien peut être peux tu fournir le code de ta page web

? (html et css)

Josselin54 · 14/02/2011, 14h32

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 · 14/02/2011, 14h54

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 · 14/02/2011, 14h59

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 · 14/02/2011, 15h42

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 · 14/02/2011, 15h44

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 · 14/02/2011, 16h03

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 · 14/02/2011, 16h07

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 · 15/02/2011, 10h08

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

Josselin54 · 15/02/2011, 11h06

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 · 16/02/2011, 08h40

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.

14/02/2011, 11h31	#1
Josselin54 Futur Membre du Club Étudiant Inscription : janvier 2011 Messages : 53 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 53 Points : 19 Points : 19	Souci de background color à l'impression 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
	00

14/02/2011, 14h15	#3
Josselin54 Futur Membre du Club Étudiant Inscription : janvier 2011 Messages : 53 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 53 Points : 19 Points : 19	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
	00

14/02/2011, 14h16	#4
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Aurais tu un lien (url vers démo) où l'on puisse constater ton problème ?
	00

14/02/2011, 14h19	#5
Josselin54 Futur Membre du Club Étudiant Inscription : janvier 2011 Messages : 53 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 53 Points : 19 Points : 19	désolé ce n'est pas en ligne
	00

14/02/2011, 14h25	#6
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Et bien peut être peux tu fournir le code de ta page web ? (html et css)
	00

14/02/2011, 14h54	#8
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	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é.
	00

14/02/2011, 15h42	#10
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	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.
	00

14/02/2011, 15h44	#11
Josselin54 Futur Membre du Club Étudiant Inscription : janvier 2011 Messages : 53 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 53 Points : 19 Points : 19	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
	00

14/02/2011, 16h07	#13
Josselin54 Futur Membre du Club Étudiant Inscription : janvier 2011 Messages : 53 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 53 Points : 19 Points : 19	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 /*****************************************************/
	00

15/02/2011, 10h08	#14
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Cela dit, un tour dans la FAQ aurait fait gagner pas mal de temps : http://css.developpez.com/faq/?page=...UND_impression
	11

15/02/2011, 11h06	#15
Josselin54 Futur Membre du Club Étudiant Inscription : janvier 2011 Messages : 53 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2011 Messages : 53 Points : 19 Points : 19	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
	00

16/02/2011, 08h40	#16
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email