Discussion :

[nath-0-0]

Bonjour,

est-ce possible de cacher certains éléments de manière conditionelle mais seulement pour la css d'impression ?

Je m'explique :

J'ai des critères de recherches et je voudrais que seuls ceux qui sont renseignés s'affichent à l'impression, mais sur l'écran, je voudrais qu'ils s'affichent dans tous les cas. La condition serait valable seul sur ls css d'impression.

Merci d'avance

Nath

[rodolphebrd]

Bonjour,

Avec les media queries vous le pouvez ( ou avec une feuille de style pour l'impression):

Media querie
dans votre de feuille de style vous l'incluez en y plaçant les propriétés souhaitées

Code css :

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

1
2
3
@media print {
body{}
}

Feuille de style

Code html :

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

<link rel="stylesheet" type="text/css" href="ma_feuille_css_imprimante.css" media="print" />

[Torgar]

Je ne suis pas sûr mais je crois que ça ne suffira pas. Si j'ai bien compris le problème

Il ne veut cacher les éléments à l'impression que si ces éléments sont vides. Or ça on ne peut pas le faire uniquement en CSS. Donc Media Queries mais pas que.

Si la page des critères n'est pas rechargée, il faudra ajouter dynamiquement une classe (genre NoPrint dans la feuille prévue pour l'impression) aux éléments vides. Sinon le faire depuis ton langage serveur si tu en utilises un.