Aperçu avant impression HTML

ParanoAndroid -  
 ParanoAndroid -
Salut à tous,

voilà quand je fais aperçu avant impression de cette page http://doudouce02.canalblog.com/
j'obtiens ce que vous voyez. Le problème est que j'aimerais d'une part enlever la pub en haut et d'autre part faire en sorte que le texte s'étende d'un bout à l'autre de la page.

J'ai utilisé un CSS pour cacher les parties que je ne veux pas voir apparaître à l'impression avec un <div class="noImpr">, celui ci fonctionne et j'ai improviser un CSS pour que ce qui apparaît soit mis en forme avec un <div class="impr">... Mais ça ne marche pas. Voilà ce que j'ai comme CSS entre <Head> et </Head>

<!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>
<title><$BlogPageTitle$></title>
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<meta http-equiv="content-language" content="<$BlogLanguage$>" />
<meta name="Description" content="<$BlogDescription$>" />
<meta name="Keywords" content="<$BlogKeywords$>" />
<meta name="generator" content="CanalBlog - https://www.canalblog.com/" />
<BlogSiteFeed>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$BlogSiteFeedURL$>" />
</BlogSiteFeed>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$BlogEditURIURL$>" />
<link rel="stylesheet" href="<$BlogCSSURL$>" type="text/css" />

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<style media="print" type="text/css">
.noImpr {
display:none;
}
.impr {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
orphans: 0;
}
</style>


Ce qui est en gras est ce qui me pose problème.

J'aimerais que mon texte prenne toute la page, alors si vous avez de quoi me conseiller, ce serait vraiment suuuuuuuuuper gentil!
A voir également:

2 réponses

brioche92 Messages postés 131 Date d'inscription   Statut Membre Dernière intervention   74
 
Il suffit que tu copies le texte dans un document de tratement de texte (Word, WordPad, Open Office, Bloc-Note...) et que tu l'imprimes. Il est sans pub et comme tu le désires !
0
ParanoAndroid
 
C'est gentil Brioche92, mais je l'aurais fait très volontiers. Il s'agit là de la demande de plusieurs internautes qui désirent ne pas s'embarrasser d'un copier/coller pour imprimer.
J'ai donc un lien "imprimer cet article" sur ma page pour qu'ils puissent le faire. C'est là qu'intervient le souci de mise en page.
0