Modification de print.css

[Patidou]

Il m'arrive de temps en temps d'insérer des images vectorielles en svg dans mes billets avec la balise <object>. Le problème c'est que object est supprimé lors de l'impression :

#prelude, #sidebar, .pagination, #comment-form, object {
	display: none;
}

Ce qui est un peu bête vu le que le svg s'imprime très bien. ;-)

Le but initial était peut-être de supprimer les vidéos, mais à l'heure actuelle je ne crois pas que ça pose problème. Ça serait possible de modifier ça en enlevant object de la liste?

Merci d'avance.

[Moe]

Peux-tu autoriser l'affichage des <object> SVG plutôt que d'autoriser tous les <object> ? Un sélecteur object[type=image/png] pourrait-il faire l'affaire ?

J'ai pris  d'un de tes billets et ça semble fonctionner. Si je place ce code dans un billet :

<object type="image/png" data="http://www.microsoft.com/windows/Framework/images/win_logo.png">
<p>…Le logo de Windows</p>
</object>

Si ensuite j'ajoute ça dans le fichier user_head.html de mon thème :

<style type="text/css">
object {display: none;}
object[type="image/png"]{display:block;}
</style>

Si on commente la dernière ligne, l'image est cachée, j'en conclue que la dernière ligne rétablit l'affichage de l'image. Il faudra juste l'adapter pour le type SVG.

[Moe]

Replying to Moe:

J'ai pris  d'un de tes billets et ça semble fonctionner. Si je place ce code dans un billet :

Correction : J'ai pris le code  d'un de tes billets et ça semble fonctionner. Si je place ce code dans un billet :

[Moe]

Pour tester l'affichage ou non d'une "image" SVG dans un billet :

///html
<object type="image/svg+xml" data="http://upload.wikimedia.org/wikipedia/commons/2/22/SVG_Simple_Logo.svg" width="300" height="300">
<p>…SVG…</p>
</object>
///

[Patidou]

Salut Moe,

Ce type de sélecteur fonctionne mais c'est du css3, que IE ne comprend pas. De plus, je ne sais pas si il est encore utile de masquer les vidéos à l'impression, je crois que ça passe bien dans les navigateurs actuels.

Pour ce qu'on peut mettre dans <object> : on peut mettre toute sorte de contenu alternatif des <p>, des <ul>, <object>, etc. <object> doit être dans un conteneur et ne peut pas être enfant direct de body. En général, on le place dans un <div> mais il peut très bien se trouver dans un paragraphe mais alors là il faut faire attention au contenu alternatif.

Si j'ai bien compris… ;)

[Moe]

Replying to Patidou:

Salut Moe,

Ce type de sélecteur fonctionne mais c'est du css3, que IE ne comprend pas. De plus, je ne sais pas si il est encore utile de masquer les vidéos à l'impression, je crois que ça passe bien dans les navigateurs actuels.

Je crois que tu avais raison depuis le début. :)

[Moe]

Cf. [3034]

Si l'utilisateur choisit d'imprimer une page, il s'attend à imprimer tout le contenu, y compris les vidéos.

[xave]

(In [3035]) Merging changes from Bazar. Closes #906, addresses #954.