[Résolu] Afficher un élément à l'impression uniquement

Bonjour,

Je sais comment masquer un élément à l'impression grace a un style :
@media print
{
.noprint,
{ display:none; }
}

mais comment afficher un élément (qui serait masqué par défaut) à l'impression grace a un CSS ?... (bref, faire l'inverse)

Merci pour votre aide !
Modifié par oudoulj (25 Oct 2006 - 11:39)

Hello,

Rapidement, je dirais :
- display none sur la css screen
- display block ou inline (selon le cas) sur la css print

Raphael a écrit :
Hello,

Rapidement, je dirais :
- display none sur la css screen
- display block ou inline (selon le cas) sur la css print

Merci pour cette reponse rapide.
J'avais tenté un truc de la sorte mais sans succès.

Si je fais :

<td><span style="display:none" class="showprint">TEST</span></td>

avec dans mon print.css :

.showprint
{
 display:block; //ou bien inline
}

alors le mot TEST reste masqué a l'écran comme dans l'apercu avant impression de IE6.

Si je fais :

<td><span class="showprint">TEST</span></td>

avec dans styles.css :

.showprint
{
 display:none;
}

et dans mon print.css :

.showprint
{
 display:block; //ou bien inline
}

alors meme comportement que ci-dessus.
Impossible de faire apparaitre un element dans l'apercu avant impression
Quelqu'un a une autre idée please ?
Modifié par oudoulj (23 Oct 2006 - 20:00)

Bonjour oudoulj et bienvenue sur ce forum,

Nous apprécions tes efforts pour distinguer graphiquement le code que tu postes du reste de tes messages, mais sais-tu qu'il y a un moyen non seulement beaucoup plus simple et efficace de le faire, mais également obligatoire (sinon les modos font la gueule) ?

On en parle dans les règles du forum :
http://forum.alsacreations.com/help.php#regle13

...


Pour ton problème, ta feuille de style style.css est-elle réservée pour le média screen ? Car si elle s'applique à tous les médias, elle s'appliquera alors aussi au média print...

mpop a écrit :
Bonjour oudoulj et bienvenue sur ce forum,

Nous apprécions tes efforts pour distinguer graphiquement le code que tu postes du reste de tes messages, mais sais-tu qu'il y a un moyen non seulement beaucoup plus simple et efficace de le faire, mais également obligatoire (sinon les modos font la gueule) ?

On en parle dans les règles du forum :
http://forum.alsacreations.com/help.php#regle13

Merci, c'est corrigé

mpop a écrit :

...


Pour ton problème, ta feuille de style style.css est-elle réservée pour le média screen ? Car si elle s'applique à tous les médias, elle s'appliquera alors aussi au média print...

Je suis chez moi aujourd'hui mercredi en RTT. Les sources sont au travail.
Mon styles.css ne demarre pas par un @media screen donc si je te comprends bien, ca peut "perturber" mon print.css (qui lui commence par un @media print) ?
Je teste tout ca des jeudi.
A suivre...

Bingo !
C'est le détail mentionné par mpop qu'il me manquait.
A savoir le @media screen au début de mon styles.css

Donc pour résumer, j'ai :
Dans styles.css

@media screen {
 .showprint
 {
	display:none;
 }
}

Dans print.css

@media print {
 .showprint
 {
	display:block;
 }
}

Dans ma page HTML qui appelle les 2 feuilles ci-dessus :

<span class="showprint">TEST</span>

Donc le mot TEST n'apparait pas a l'ecran mais apparait a l'impression
Merci a tous.