5568 sujets

Sémantique web et HTML

Bonjour
J'ai créé un règlement dans une div que voici ci-dessous :
<div class="xd_reglement">
<h3 class="fontsize22 margtop15">Conditions Générales</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, dolore, blanditiis culpa ab praesentium consectetur quae quibusdam. Repellat, neque inventore?</p>

</div>
<a href="javascript:window.print()">Imprimer la page</a>


J'ai ajouté ce lien dans mon code html pour pouvoir imprimer le règlement
<a href="javascript:window.print()">Imprimer la page</a>


Le problème est que lorsque je clique sur le lien,cela m'imprime tout le contenu de la page web alors que je voudrais qu'il n'imprime que le règlement.

Merci d'avance
Il faut vous creer une feuille de style dédiée à l'impression (media print) et cacher en display:none les éléments que vous ne souhaitez pas voir apparaitre.

Le mieux étant d'avoir des pages de même structure, et de cacher toujours les mêmes éléments (header, footer, nav...), de manière à ce que cette feuille de print soie compatible avec tout le site, et non configurée pour un cas unique.