Discussion :

[afrodje]

Salut

Je débute en CSS (je suis plutot PHP )
Je voudrais avoir 1 en-tete different pour chaques pages.
Je m'explique : Je suis sur firefox et dans mise en page/marge,en tete, pied de page, il y a des listes déroulantes pour pouvoir choisir ce qu'on veut (URL, date, titre, numero de page,...)

Par exemple : que, pour une seul page, je voudrais que la date...et pas l'URL

Est-ce possible et j'espere etre clair...
Merci

[Tober]

C'est pas une mise en page pour l'impression de ta page ça ?
mais ça c'est des réglages pour l'utilisateur !
Si toi tu veux une mise en forme spéciale pour l'impression de tes pages, il faut que tu écrives un style css pour ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style type="text/css" media="print">
<!-- ton style pour l'impression -->
</style>

[afrodje]

C'est pas une mise en page pour l'impression de ta page ça ?
Si toi tu veux une mise en forme spéciale pour l'impression de tes pages, il faut que tu écrives un style css pour ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style type="text/css" media="print">
<!-- ton style pour l'impression -->
</style>

oui j'utilise ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#impression{
		width:90%;
		CELLPADDING=0;
	}

mais ça c'est des réglages pour l'utilisateur !

Et je peux pas imposer la mise en page, surtout les en-tete?

[Tober]

regarde ce que je t'ai mis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style type="text/css" media="print">
<!-- ton style pour l'impression -->
</style>

la balise style avec un attribut media="print" spécialement pour les impressions
avec ça, tu peux t'amuser a effacer les élements que tu ne veux pas, en faire apparaitre d'autre, change la mise en forme, .............
enfin bref, tu peux faire beaucoup de chose

[afrodje]

regarde ce que je t'ai mis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style type="text/css" media="print">
<!-- ton style pour l'impression -->
</style>

la balise style avec un attribut media="print" spécialement pour les impressions
avec ça, tu peux t'amuser a effacer les élements que tu ne veux pas, en faire apparaitre d'autre, change la mise en forme, .............
enfin bref, tu peux faire beaucoup de chose

Tu n 'a pas un exemple car la je patoge depuis 2 jours .

Par exemple, je voudrai juste l'en-tete : la date centrer.

[koala01]

Salut,

L'une des techniques intéressante peut consister à peu près à ceci:

Tu crées deux CSS séparées, par exemple screen.css (pour l'affichage écran) et print.css (pour l'impression papier).

Dans screen.css, tu crée une nommée "noview" qui, tu t'en serais peut être douté, empêchera l'affichage de toutes les balises qui utilisent cette classe, et qui s'articule tout simplment sur un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.noview
{
    display:none;
}

Dans print.css, tu crée une classe nommée "noprint" qui fonctionnera de la même manière... mais lors de l'impression, et qui sera simplement déclarée sous la forme de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.noprint
{
    display:none;
}

Si je conseille de créer des CSS séparées, c'est, tout simplement, parce qu'il y a sans doute d'autres styles que tu souhaites ne pas partager ou redéfinir en fonction du média utilisé

Tu "lie" les CSS en ajoutant dans le header les balises

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<link href="chemin/vers/print.css" rel="stylesheet" type="text/css" media="print">
<link href="chemin/vers/screen.css" rel="stylesheet" type="text/css" media="screen">

Quand tu crées ta page HTML, si tu veux que quelque chose s'affiche à l'écran mais pas à l'impression, tu le crée "tout simplement" avec la classe "noprint", et, inversément, si tu veux que quelque chose qui n'est pas affiché à l'écran soit visible sur l'impression papier, tu le crée "tout simplement" avec la classe "noview".

Comme "noprint" est inconnu lorsque le média est l'imprimante, le balise concernée sera imprimée, et, inversément, comme "noview" est inconnu lorsqu'on est sur l'écran, la balise sera affichée (une classe inconnue étant purement et simplement ignorée )

Si tu demande l'apperçu avant impression de n'importe quelle page de mon site (pour l'instant "à l'arret" par manque de temps):http://koala01.free.fr, tu aura l'occasion de voir le résultat

[BnA]

Tu n 'a pas un exemple car la je patoge depuis 2 jours .

Par exemple, je voudrai juste l'en-tete : la date centrer.

Tu veux parler des infos que l'on trouve sur les pages lors de l'impression, genre URL de la page, date d'impression, nombre de page, etc...??

Si oui, il est impossible d'imposer une mise en page à ces éléments, ça reste du domaine de l'utilisateur de changer ça.

Sorry.