Bonjour tout le monde,

Voila, je voudrais faire une page HTML avec un fichier css adapté à l'impression ( ça j'ai pu le faire),
mais également pouvoir avoir des entetes personnalisé (logo de l'entreprise par exemple ), mais je bloque totalement étant donné que
je n'ai jamais été confronté à ça.

Voici le code css que j'ai pu faire jusque là:

@page {
    size: a4;
    margin-top: 5%;
    margin-left: 2%;
    margin-right: 10%;

}
@media print {
    html, body {
        width: 100%;
        height: 100%;
    }
 }

Et voici mon code HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Impression</title>
    <link rel="stylesheet" href="css/style.css" media="print">
</head>
<body>
    <nav >
        <img src="img/1.png" alt="logo" height="150">
    </nav>
    lorem*20 <!--Générer du lorem avec emmet pour voir le rendu sur plusieurs page-->
 </body>
 </html>

je voudrais pouvoir juste styliser ma balise nav afin de pouvoir le faire apparaitre comme étant l'entete sur chaque page après l'impression.

le problème c'est qu'il ne reste que sur la première page.

Merci d'avance pour l'aide. :)

1 réponse


Toni0
Réponse acceptée

J'ai trouvé ça sur StackOverflow.
En gros essaye de mettre ton header en position fixed. J'ai fais un test vite fait, ça a l'air de marcher