[css]imprimer en répétant un header?

23 mai 2006, 14:52

hello,
voila j'aimerais avoir s'il était possible de faire une css pour l'impression ( donc medi print ) qui répéterait un logo, un titire ou quelque chose au dessus de chaque page qui serait imprimer.
Pour le moment, ce qui m'intéresse c'est répété un logo, mais je sais que il y a des situation ou j'aurais aimé répété un titre).

donc :
page 1:

LOGO en haut,
blabla

page 2 :

LOGO en haut,
youplaboum

...

ps : question subsidiaire, il y aurait moyen via css ou js de supprimer, et ce sur la pluspart des webbrowser, page X sur Y etc ?

merci

23 mai 2006, 19:14

Salut,

Oui, c'est tout à fait possible, tu peux définir des choses qui sont affichées mais pas imprimées et des choses qui sont imprimées mais pas affichées.

23 mai 2006, 19:21

Il te suffit d'inclure sur chaque page un bout de code similaire à celui-ci

Code : Tout sélectionner

<div class="header">Ton en-tête</div>

Ensuite dans ton media print tu aurais :

Code : Tout sélectionner

.header
{
    display: block;
}

Et dans ton CSS 'normal' :

Code : Tout sélectionner

.header
{
    display: none;
}

EDIT: problème de BBCode

23 mai 2006, 19:22

merci pour la réponse,
oui, cela je sais

ce qui m'intéresse c'est comment définir qu'une chose ce répète au début de chaque page imprimer.... c'est le comment, le savoir, je le supose.....

d'autre part j'ai déjà manipuler des feuille de style spécial impréssion mais sans réellement utilisé tout les possibilité ....

merci

23 mai 2006, 19:23

Je n'ai pas bien compris ton message, ton problème est donc résolu ?
Parce que ma méthode fait bien ce que tu dis :/

23 mai 2006, 19:31

Je n'ai pas bien compris ton message, ton problème est donc résolu ?
Parce que ma méthode fait bien ce que tu dis :/

désolé j'ai commencer à écrire le post suite au message te précédent ....

sinon j'aimerais que si 'j'ai une page web , que celle ci étant plus longue qu'une page A4 standard ( donc papier) je puisse répété un logo sur chaque page mais partant d'une seul page web ....

donc la page web serait :

blabla
youplaboum

à l'impréssion cela deviendrait :
page 1

LOGO en haut,
blabla

page 2 :

LOGO en haut,
youplaboum

désolé de ne pas avoir été plus clair

23 mai 2006, 19:33

A ma connaissance ce n'est pas possible en HTML.

23 mai 2006, 19:35

merci..
et tu ne sais pas avec du javascript?

enfin sinon tant pis pdf ...

23 mai 2006, 19:53

Par le terme HTML je désignais xHTML, CSS, JS et autres langages destinés à faire afficher quoi que ce soit dans un navigateur. La solution est sans doute le PDF.

23 mai 2006, 20:44

oki, merci, c'est ce que je pensait aussi mais bon je me disait tentons on sais jamais

23 mai 2006, 20:48

A ma connaissance ce n'est pas possible en HTML.

Mais bien sûr que c'est possible avec le CSS, tu règles les sauts de page à l'impression ainsi que les en-têtes et pieds de page...

23 mai 2006, 21:59

comment?
tu aurais un exemple, se serait génial...

23 mai 2006, 23:25

Salut,

Toute la doc est sur le Net, ici par exemple:

http://fr.selfhtml.org/css/proprietes/printlayouts.htm

http://openweb.eu.org/articles/css_impression/

Et toute la doc CSS est ici:

http://wiki.media-box.net/documentation/css

Tu as un exemple avec logo, ici:
http://openweb.eu.org/articles/exemple_css_print/

24 mai 2006, 00:05

merci, mais cela ne répond pas à ma question ( vu que j'ai déjà consulter ces page)
donc je réexplique différament ce que je voudrait.

donc j'aurais cette page web à imprimer

LOGO
titre
blabla page 1
mhh intéressant,

nouveau titre,
mhh très intéerssant tout cela sur une seul et même page web

waa trop fort!

mais lorsque je ferait une impréssion cela donnerait ceci :
page 1 :

LOGO
titre
blabla page 1
mhh intéressant,

page 2:

LOGO
nouveau titre,
mhh très intéerssant tout cela sur une seul et même page web

page 3:

LOGO
waa trop fort!

par exemple....

donc à chaque page imprimer ( et non page web ) le logo serait afficher.

merci, en espérant avoir été plus clair.
docn à chaque impréssion se répéterait le logo.

[css]imprimer en répétant un header?

Qui est en ligne