28173 sujets

CSS et mise en forme, CSS3

Feuille de style pour impression: definition du format de page

Je cherche à définir automatiquement en CSS le format de la page sur laquelle je veux imprimer.

Suite à diverses recherches, j'ai trouvé le selecteur @page pour définir les paramètres de la page, et l'attribut size pour définir la taille, ou le type (portrait/paysage).

Cependant, mes nombreux essais restent tous infructueux, et je ne trouve nulle part les raisons d'une telle erreur. Les différentes pages du net traitant de ce sujet ne soulèvent aucun problème de compatibilité, ni même de spécifications particulières...

Aurais-je oublié quelque chose ??...

Voici le CSS:
 
@page { size:29.7cm 21.0cm; }


Voici le HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Document sans nom</title>
	<link rel="stylesheet" type="text/css" href="print.css" />
	</head>

	<body>
		
		<div id="enveloppe">
			<div class="conteneur_destinataire">
				<span class="nom">NOM</span> <span class="prenom">Prénom</span><br />
				Adresse<br />
				CP - Ville<br />				
			</div>
		</div>
	</body>


vous auriez pas une piste .... Smiley eek
merci de votre aide... je sèche Smiley bawling
Bonjour,

2 remarques:

1) Tu ne spécifies pas de media dans l'appel de ton CSS, ce qui est surprenant. Tes deux feuilles de styles sont lues media="all".

On s'attendrait à lire:
<link rel="stylesheet" type="text/css" href="print.css" media="print" />


2) D'après ce que je lis ici:
http://fr.selfhtml.org/css/proprietes/printlayouts.htm#page
(ou plus exactement dans le chapitre "size" qui suit), tes 2 chiffres semblent intervertis.

Pas sûr que cela résolve ton problème Smiley decu

Philippe (phdm)
Merci de ta réponse phdm Smiley smile

Je reponds tout d'abord à ta seconde remarque:
non je ne me suis trompé, c'est volontaire,
je cherche à imprimer sur une feuille insérée sur la longueur plutot que sur la largeur. (c'est ni du portrait ni du paysage... galère... hein ??)

Par rapport à ta première remarque, en fait la presentation niveau écran n'étant pas encore définie, j'ai enlevé le media=print afin de voir directement à l'écran si quelquechose changeait en faisant mes tests(vu que j'avais essayé aussi landscape).

[ au passage, je n'ai jamais réussi à faire prendre en compte mon champ landscape ni sous IE, ni sous FireFox; cependant, cela parait si simple en cherchant de l'aide sur le net .... mais non Smiley eek ]

effectivement ca ne résout pas mon problème Smiley sweatdrop
en fait j'ai même des doutes que mon style @page soit pris en compte... Smiley confus
merci quand meme Smiley jap
Modifié par emri (10 Apr 2006 - 02:04)
Sujet clos
Aller à