Pour les images qui n'apparaissent pas j'ai trouvé, j'avais un
#contenu A {
DISPLAY: none;
}
qui trainait et comme il y avait un lien sur les images ....
En revanche pour les longueurs de pages qui ne sont pas imprimés et les bout de javascript qui apparaissent, je n'ai pas trouvé de solution.
Voici un template de page telles qu'elles sont structurées
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Nom du site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />
<!-- JavaScript -->
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
</head>
<body>
<div id="conteneur">
<h1 id="header"><a href="index.htm" title="Couleur Kémia - Accueil"><span>Couleur Kémia</span></a></h1>
<ul id="menu">
<li><a href="Page1.htm">Accueil</a></li>
<li><a href="Page2.htm">Page2</a></li>
<li><a href="Page3.htm">Page3</a></li>
</ul><!-- #menu -->
<div id="centre">
<div id="contenu">
<div id="chemin_fer">
<a href="Page1.htm">Accueil</a> > Page1
</div><!-- #chemin_fer -->
<DIV class="post">
<a href="images/34874113.jpg" class="lightwindow page-options" title="Photo1" author="Auteur" caption="Photo1">
<IMG class="image_droite" height=322 alt=Photo1 src="images/34874113.jpg" width=215 border=0>
</a>
Elitr fabulas mel ex. Sed admodum detracto an. In vel diam quas exerci, at velit aliquip denique cum.
His ex altera definitionem, in sumo eloquentiam pro, nec ut posse reformidans. Nonumy aliquando vim at,
in alterum torquatos consetetur vel. Viris habemus dolores nam ea, utinam option eu per, cu duo vidit modus deterruisset.
Cum te diam persecuti. Iudico partiendo concludaturque pro ex, no quas natum volumus est, vis et dicunt scripta.
Te ius feugiat euripidis reprehendunt, vocent aliquip nonummy per ea, te duis graeci conceptam nam. No nullam habemus vel,
te est autem verterem detraxit, eu minimum propriae ius. Mel diam quidam te, at cum stet convenire expetenda, cum senserit democritum te.
Ad elit ancillae neglegentur his, et eam placerat conceptam, justo quaerendum sed te. Vel tamquam nominavi torquatos ad,
te option phaedrum pro, elit aliquip corrumpit in ius. Eum volumus pericula cu. Per lorem saepe timeam te, cum ludus inciderint ut.
Mucius rationibus eloquentiam nec eu, virtute accusata assueverit an pri, ei mea tempor bonorum equidem. Qui idque molestiae mnesarchum ex.
</div><!-- #post -->
</div><!-- #contenu -->
<div id="menudroite">
<h1>Recherche</h1>
<h1>Calendrier</h1>
<h1>Derniers Messages</h1>
</div><!-- #menudroite -->
</div><!-- #centre -->
<p id="footer">Tout droit réservé - Pied de page</p>
</div><!-- #container -->
</body>
</html>
le css d'impression associé
BODY {
BACKGROUND: #fff; COLOR: black;
}
#header {
DISPLAY: none;
}
#menu {
DISPLAY: none;
}
#menudroite {
DISPLAY: none;
}
#contenu A {
TEXT-DECORATION: none;
}
#chemin_fer {
DISPLAY: none;
}
.submit {
DISPLAY: none;
}
#conteneur {
MARGIN: 0px;
border: none;
}
#contenu {
WIDTH: 80%;
}
Modifié par Babali (04 Jul 2009 - 14:29)
