Cacher élément sur page HTML

[hostyle]

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

[Bovino]

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

[hostyle]

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

[hostyle]

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..

[Bovino]

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

Code html :

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