[HTML][CSS] Cadre visible a l'impression seulement

Version imprimable

08/02/2006, 18h49
taillooo

[HTML][CSS] Cadre visible a l'impression seulement
Bonjour a tous,
sur ma page, j'ai un cadre sans bordure pour raison esthetique. Neanmoins, j'aimerai en avoir une a l'impression. Comment faire ?
J'ai essayé une bidouille comme ci dessous (que j'ai essayé un peu dans tous les sens), mais ca ne marche pas :
Code:

1 2 3 4 5 6 7 <style type="text/css" media="screen"> .seeme {display: none;} </style> <style type="text/css" media="print"> .seeme {visibility: visible} </style>
puis
Code:

1 2 3 <table width="100%" border="class='seeme'"> ...
j'ai egalement essayé en javascript mais comme je suis novice, c'est encore plus flou !

Quelqu'un pourrait-il m'aider, svp ?
Merci!

Cyril.

Salut, j'ai testé ça

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
  <title>test</title>
  <style type="text/css">
  @media screen
  {
    #test
    {
      border: none;
    }
  }
 
  @media print
  {
    #test
    {
      border: 1px solid #000;
    }
  }
  </style>
</head>
<body>
  <div id="test">test de bordure</div>
</body>
</html>

Ca fonctionne avec IE 6.0 et FF 1.5

Bon développement ;)

09/02/2006, 14h54
taillooo

Bonjour et merci,
ca marche parfaitement, et c'est d'une simplicité a toute epreuve :-)

Merci beaucoup !