Discussion :

[kohsaka]

salut tout le monde,

je dois mettre en page des feuilles destiné à l'impression

j'utilise de feuille de style, 1 pour tout et et 2eme pour le media="print"

Code :

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

1
2
3
 
<link rel="stylesheet" type="text/css" href="/Styles/Structure.css" media="all" />
<link rel="stylesheet" type="text/css" href="/Styles/Print.css" media="print" />

structure.css

Code :

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

1
2
3
4
5
6
 
.center-print {
	width: 460px;
	margin: 0 auto;
	font-famiy: Verdana, Arial, Helvetica, sans-serif;
}

print.css

Code :

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

1
2
3
4
5
6
 
.center-print {
	width: 17cm;
	margin: 0 auto;
	font-famiy: Verdana, Arial, Helvetica, sans-serif;
}

Cependant à l'écran, ce sont les taille en cm qui sont utilisé et non pas celle que j'ai spécifié dans structure ?

qu'est ce que j'ai loupé ?

merci bien

[Bisûnûrs]

A priori rien.

Qu'est-ce qui te fait dire que c'est pas ton fichier structure.css qui est lu ? Le reste de tes styles vient de structure.css ou l'écran affiche l'ensemble de print.css ? As-tu fait attention à la casse dans tes noms de fichiers ?

Au passage, tu as oublié un "L" à "family".

[kohsaka]

non c'est bien font-family

sinon voici ce qui me fait dire ça :

[Bisûnûrs]

non c'est bien font-family

Pas dans le code que tu as mis plus haut?

sinon voici ce qui me fait dire ça :

Pourrais-tu mettre un exemple en ligne de ton problème ? En testant uniquement le code que tu fournis je n'ai aucun souci.

[kohsaka]

ah zut, je pensais que tu voulais dire qu'il y avait 2 "L"

en voulant te filer mon code je viens de voir qu'un dev m'avait fait une petite blague :

Code :

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

1
2
3
4
5
6
 
<link rel="stylesheet" type="text/css" href="/Styles/Structure.css" media="all" />
<link rel="stylesheet" type="text/css" href="/Styles/Print.css" media="print" />
<style type="text/css" media="screen">
       @import url("/Styles/Print.css");
</style>

le @import étant ajouté dynamiquement ^^

merci de m'avoir mis sur la voie