OVH Cloud OVH Cloud

impression

5 réponses
Avatar
henri
Bonjour, je crois me souvenir qu'il existe une fonction
permettant au visiteur d'un site d'imprimer la page au
format de son imprimante (printer friendly format). Je ne
la trouve plus. Quelqu'un peut m'aider? MERCI Henri

5 réponses

Avatar
Rick
Salut,

henri nous disait :
Bonjour, je crois me souvenir qu'il existe une fonction
permettant au visiteur d'un site d'imprimer la page au
format de son imprimante (printer friendly format). Je ne
la trouve plus. Quelqu'un peut m'aider? MERCI Henri.



je peux vous aider,
mais il me faut plus de précisions quant-a votre niveau
en thermes de développement :

connaissez vous le HTML et /ou XHTML
connaissez vous les CSS 1 / 2
*??*

--
Avatar
henri
Bonjour, merci en tout cas d'essayer.
C'est mon 3ème site en Frontpage, je tâtonne en html,
disons que si on me dit bien ce qu'il faut placer comme
balise et où, j'y arrive.
Les CSS 1/2, pas encore utilisé, mais je sais ce que
c'est (en tout cas "CSS")...
-----Message d'origine-----
Salut,

henri nous disait :
Bonjour, je crois me souvenir qu'il existe une fonction
permettant au visiteur d'un site d'imprimer la page au
format de son imprimante (printer friendly format). Je




ne
la trouve plus. Quelqu'un peut m'aider? MERCI Henri.



je peux vous aider,
mais il me faut plus de précisions quant-a votre niveau
en thermes de développement :

connaissez vous le HTML et /ou XHTML
connaissez vous les CSS 1 / 2
*??*

--
;o)
@+ Rick

<PasDePub merci="true">
*point*com
</PasDePub>


.



Avatar
Rick
Salut,

henri nous disait :
Bonjour, merci en tout cas d'essayer.
C'est mon 3ème site en Frontpage, je tâtonne en html,
disons que si on me dit bien ce qu'il faut placer comme
balise et où, j'y arrive.
Les CSS 1/2, pas encore utilisé, mais je sais ce que
c'est (en tout cas "CSS")...



copie et colle le code suivant dans un fichier.htm
regarde ce qu'il produit sous IE, puis fais un appercu avant impression.
ensuite étudie le code ;o)
si tu ne comprend pas dit le nous .

*** Code ***

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<meta http-equiv="Content-Language" content="fr-FX" />
<meta name="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>
Untitled
</title>

<!-- Ici les styles pour l'impression -->
<style type="text/css" media="print">

<!--
#Div1{
text-align: right;
}
-->
</style>

<!-- ici les styles pour la présenttion à l'écran -->
<style type="text/css" media="screen">
<!--
#Div1{
font-size: 120%;
}
-->
</style>

</head>
<body>
<div id="Div1">Texte à imprimer</div>
</body>
</html>

*** Fin ***

--
Avatar
>-----Message d'origine-----
Salut,

henri nous disait :
Bonjour, merci en tout cas d'essayer.
C'est mon 3ème site en Frontpage, je tâtonne en html,
disons que si on me dit bien ce qu'il faut placer comme
balise et où, j'y arrive.
Les CSS 1/2, pas encore utilisé, mais je sais ce que
c'est (en tout cas "CSS")...



copie et colle le code suivant dans un fichier.htm
regarde ce qu'il produit sous IE, puis fais un appercu


avant impression.
ensuite étudie le code ;o)
si tu ne comprend pas dit le nous .

*** Code ***

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;


charset=iso-8859-1"
/>
<meta http-equiv="Content-Language" content="fr-


FX" />
<meta name="Content-Script-Type"


content="text/javascript" />
<meta http-equiv="Content-Style-Type"


content="text/css" />

<title>
Untitled
</title>

<!-- Ici les styles pour l'impression -->
<style type="text/css" media="print">

<!--
#Div1{
text-align: right;
}
-->
</style>

<!-- ici les styles pour la présenttion à l'écran -->
<style type="text/css" media="screen">
<!--
#Div1{
font-size: 120%;
}
-->
</style>

</head>
<body>
<div id="Div1">Texte à imprimer</div>
</body>
</html>

*** Fin ***

--
;o)
@+ Rick

<PasDePub merci="true">
*point*com
</PasDePub>


.
OK, j'ai fait tout cela, j'obtiens le texte "Texte à


imprimer" en haut à gauche de l'écran.
Je regarde le code... Dois-je mettre en dessous du titre
<style type="text/css" media="print"> entre <!-- et -->
à la place de tout ce que j'ai actuellement, soit:
p.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
punctuation-wrap:simple;
text-autospace:none;
font-size:10.0pt;
font-family:Arial;
margin-left:0cm; margin-right:0cm; margin-top:0cm}

Ou bien dois-je seulement ajouter media="print" ?

Si c'est trop compliqué, j'attends d'en savoir plus pour
comprendre...
Avatar
Rick
Salut,

nous disait :
OK, j'ai fait tout cela, j'obtiens le texte "Texte à


imprimer" en haut à gauche de l'écran.
Je regarde le code... Dois-je mettre en dessous du titre
<style type="text/css" media="print"> entre <!-- et -->
à la place de tout ce que j'ai actuellement, soit:
p.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
punctuation-wrap:simple;
text-autospace:none;
font-size:10.0pt;
font-family:Arial;
margin-left:0cm; margin-right:0cm; margin-top:0cm}

Ou bien dois-je seulement ajouter media="print" ?

Si c'est trop compliqué, j'attends d'en savoir plus pour
comprendre...



tu doit faire un truc dans ce gôut là :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<meta http-equiv="Content-Language" content="fr-FX" />
<meta name="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>
Untitled
</title>

<style type="text/css" media="print">
<!--

p.MsoNormal{
mso-style-parent:"";
margin-bottom:.0001pt;
punctuation-wrap:simple;
text-autospace:none;
font-size:10.0pt;
font-family:Arial;
margin-left:0cm; margin-right:0cm; margin-top:0cm
}
-->
</style>
<!-- Ici j'ai volontairement changé les paramètres pour qu'il y ai une net
diférence entre le style print et le style screen. -->
<style type="text/css" media="screen">
<!--
p.MsoNormal{
mso-style-parent:"";
margin-bottom:.0005pt;
punctuation-wrap:double;
text-autospace:none;
font-size:20.0pt;
font-family:Verdana;
margin-left:0cm; margin-right:0cm; margin-top:0cm
}
-->
</style>

</head>
<body>
<p class="MsoNormal">Texte à imprimer</p>
</body>
</html>


--