Problème de CSS print

**kenny.kev** · 14/06/2007, 15h43

bonjour à Tous,
je viens de rencontrer un problème avec mes CSS.
j'ai un CSS pour la présentation a l'écran et un pour imprimer la page. Donc pour celà j'utilise les media voici mes déclarations :

Code :

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

1
2
<link href="../Theme/tmp.css" title="Aperçuavantprint" rel="stylesheet" type="text/css" media="screen" />
<link href="../Theme/print.css" title="print" rel="stylesheet" type="text/css" media="print" />

donc pour l'impression j'ai des balises DIV qui sont déclaré a 'none' pour ne pas les imprimers. Le problème est que même si je met media="print, screen" ce la ne fonctionne pas, les DIV déclarés

Code :

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

display:none

sont affichées.

je voudrais savoir si cela viens de mon code ou plus de mon serveur ?

La présentation correct voir image :
sauf que lors de l'impression les liens Accueil, Imprimer et Créer Fiche ne doivent pas apparaitre et je doit avoir la même présentation alors que je ne l'ai pas.
la je ne comprend pas pourquoi la mise en page ce fait avant et pas après. Pour la mise en page je n'utilise que les id.

j'ai un probléme sur mon impression sa ne imprime pas se que je voi à l'écran, j'ai pourtant utilisé une feuille de style et j'ai ajouter dans <HEAD> la ligne

Code :

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

<link rel="stylesheet" type="text/css" href="CSS/print.css" media="print">

Je voudrais savoir si il y a une dimension a respecter et autre chose.

Merci par avance pour votre aide.

Bonne journée à tous.

Kévin

**Bisûnûrs** · 17/07/2007, 08h57

C'est la bonne technique, seulement sans code, difficile de te dire ce qui cloche.

**kenny.kev** · 08/02/2008, 00h22

Bonsoir Bisûnûrs,

tu veux que je t'envoi quoi comme code le CSS ou/et le code

merci pour ta réponse

cordialement

**Erwan31** · 08/02/2008, 01h38

Envoyé par kenny.kev

Bonsoir Bisûnûrs,
tu veux que je t'envoye quoi comme code le CSS ou/et le cote
merci pour ta réponse
cordialement

Bonsoir,
je vais faire mon modérateur mais penses à soigner un peu ton orthographe, tu fais des fautes assez énormes, ça fait pas très sérieux tous ça

On a besoin du code CSS de tes CSS screen et print.

As tu répercuté toutes les déclarations de style screen sur ta CSS print?

**kenny.kev** · 08/02/2008, 11h39

Bonjour a tous,

Desoler mes erreurs de francais et d'inattention de ma part.

(pour les accents desoler la je me trouve sur un clavier qwerty)

Voici mon code CSS pour la page d'impression :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
 
/*  debut de la Partie a ne PAS imprimer  */
#impression
{
	display:none;
}
/*  fin de la Partie a ne PAS imprimer  */
 
 
/*  debut de la Partie a imprimer  */
@page print
{
	size:portrail;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
}
 
#corps
{
   margin-left: 59px;
   margin-bottom: 20px;
   padding: 15px;
   color: #000000;
   background-color:#FFFFFF;
}
 
#nclt
{
	color: #000000;
	font-size: 0.9em;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
 
#contratclt
{
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	width: 300px;
	font-size: 0.9em;
	font-family: "Times New Roman", Times, serif;
}
 
#civiliteclt
{
	margin-top: 15px;
	margin-left: 15px;
	width: 500px;
	font-family: "Times New Roman", Times, serif;
}
 
#materiel
{
	margin-left: 15px;
	width: 800px;
}
 
#logiciel
{
	margin-left: 15px;
	width: 800px;
}
 
#texte
{
	margin-top: 15px;
	margin-left: 15px;
	width: 800px;
}
 
legend
{
	font-size: 0.6em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
 
#nclt table
{
	font-size: 0.9em;
	width:100%;
	border-collapse: collapse;	margin-left: 5px;
	margin-top: 5px;
}
 
#civiliteclt table
{
	font-size: 0.9em;
	width:800px;
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 0px;
}
 
#contratclt table
{
	font-size: 0.9em;
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 0px;
}
/*  fin de la Partie a imprimer  */

Et voici le code CSS de la vue a l'ecran :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
 
/*  debut de la Partie a imprimer  */
#impression
{
	width: 100%;
}
 
#corps
{
   margin-left: 59px;
   margin-bottom: 20px;
   padding: 15px;
   color: #000000;
   background-color:#FFFFFF;
}
 
#nclt
{
	color: #000000;
	font-size: 0.9em;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
 
#contratclt
{
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	width: 50%;
	font-size: 0.9em;
	font-family: "Times New Roman", Times, serif;
}
 
#civiliteclt
{
	margin-top: 15px;
	margin-left: 15px;
	width: 50%;
	font-family: "Times New Roman", Times, serif;
}
 
#materiel
{
	margin-left: 15px;
	width: 100%;
}
 
#logiciel
{
	margin-left: 15px;
	width: 100%;
}
 
#texte
{
	margin-top: 15px;
	margin-left: 15px;
	width: 100%;
}
 
legend
{
	font-size: 0.6em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
 
#nclt table
{
	font-size: 0.9em;
	width: 100%;
	border-collapse: collapse;	margin-left: 5px;
	margin-top: 5px;
}
 
#civiliteclt table
{
	font-size: 0.9em;
	width:100%;
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 0px;
}
 
#contratclt table
{
	font-size: 0.9em;
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 0px;
}
/*  fin de la Partie a imprimer  */

le rendu final est dessus en piece jointe

**Erwan31** · 08/02/2008, 12h17

Bonjour,
fais bien attention à ne rien oublier et regarde la couleur de ton code:
tu as oublié un "." ou un "#" devant

Code :

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

1
2
3
4
5
6
legend
{
	font-size: 0.6em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

**kenny.kev** · 08/02/2008, 12h26

Merci,
je n'avais pas vu

mais j'ai toujours le meme probleme de decalage de l’id "#civiliteclt".

**Candygirl** · 08/02/2008, 15h02

Envoyé par Erwan31

Bonjour,
fais bien attention à ne rien oublier et regarde la couleur de ton code:
tu as oublié un "." ou un "#" devant

Code :

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

1
2
3
4
5
6
legend
{
	font-size: 0.6em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

Il attribue probablement le style à tous les éléments "legend" du site, donc pas de problème de syntax me semble-t-il ?

@kenny.kev:

Envoyé par kenny.kev

Code :

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

1
2
<link href="../Theme/tmp.css" title="Aperçuavantprint" rel="stylesheet" type="text/css" media="screen" />
<link href="../Theme/print.css" title="print" rel="stylesheet" type="text/css" media="print" />

L'utilisation de l'attribut title de la balise link n'est pas anodine. L'utilises-tu bien en connaissance de cause ?

**kenny.kev** · 08/02/2008, 15h53

Si je me souviens bien, c'est dans la norme CSS

Ca sert a savoir a quoi correspond le fichier CSS (a titre indicatif)

**Erwan31** · 08/02/2008, 18h47

Envoyé par Kenny

Ca sert a savoir a quoi correspond le fichier CSS (a titre indicatif)

Non ça ne sert pas à ça. Lire cet article

Envoyé par Candygirl

Il attribue probablement le style à tous les éléments "legend" du site, donc pas de problème de syntax me semble-t-il ?

Non cette notation (sans rien devant) n'existe pas madame la modératrice

**kenny.kev** · 08/02/2008, 19h38

Non cette notation (sans rien devant) n'existe pas madame la modératrice

D'après la norme CSS si tu peux, cela permet de modifier toutes les balise de même type par exemple :

Code :

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

1
2
3
4
5
 
p {
margin-top: 0;
margin-bottom: 0;
}

en revanche cela ne me resou pas le probleme du depart

**Candygirl** · 08/02/2008, 20h19

D'après cet autre article, aussi sur le sujet du title dans la balise link, il y a de fortes chance que seul le premier de tes css soit pris en compte et tous les autres ignorés.

As-tu testé ce que tu souhaites faire en virant tes title ?

**Erwan31** · 09/02/2008, 03h08

Envoyé par Candygirl

Il attribue probablement le style à tous les éléments "legend" du site, donc pas de problème de syntax me semble-t-il ?

en effet au temps pour moi, en plus je connais cet élément!

Bon on va mettre ça sur le compte de la fatigue...

**kenny.kev** · 09/02/2008, 19h05

Le probleme ne vient pas non plus du title car rien ne change.

Je pense que sa doit venir plus sur la declaration de la taille de la page et apres, savoir comment declarer les dimensions de chaque balise div et autres.

Je dois peut etre aussi passer toutes les dimensions en em au lieu de pixel (mais je ne pense que sa change quelque chose vu que sa sert pour augmenter et diminuer a volontee en faisant le ctrl + molette).

**kenny.kev** · 14/02/2008, 16h21

bonjour a tous,

Pour le menu en haut le problème est résolu une erreur de frappe

mais pour ma div qui s'affiche pas au bon endroits je ne trouves pas
du plus je viens de m'apercevoir sa ne prend pas la largeur de ma page

Problème de CSS print

CSS

Discussions similaires

Partager

Partager