Cacher élément sur page HTML

Bonjour,

Je veux afficher un qr code à ma page html mais uniquement quand je l'imprime, ce qui suppose que sur le site le qr code n'apparait pas Je coince la dessus

Merci pour votre aide

Regarde du coté de media (screen ou print) en CSS.

D accord merci mais j'ai rien trouvé de concluant...

Ca fait un jour je cherche je trouve pas j'ai essayer de mettre

Dans le html

Code:

---

1 2	<img id ="qr" src="images/img.png" style="visibility:hidden">

---

puis dans le css

Code:

---

1 2 3

#qr { visibility:visible; }

---

sans succès..

Les styles inline (style="visibility:hidden") ont toujours la priorité sur les styles déclarés dans les balises <style>.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<style type="text/css"> @media screen{     #qt{         display: none;     } } @media print{     #qt{         display: inline;     } }

---

Au passage, il est préférable d'utiliser la propriété display que visibility : la seconde n'affiche pas l'élément mais affiche un espace blanc à la place alors que la première n'affiche rien ;)