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

**taillooo** · 08/02/2006, 18h49

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Nesmontou** · 08/02/2006, 20h27

Salut, j'ai testé ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**taillooo** · 09/02/2006, 14h54

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

Merci beaucoup !

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

CSS

Discussions similaires

Partager

Partager