Discussion :

[afrodje]

Salut

Etant débutant en CSS, je ne trouve pas de solution à mon probleme.

J'ai un lien en fin de page

Code :

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

<td align="center"><h3><a href="index.php">Retour</a></h3></td>

J'aimerai l'utiliser (c'est pour ca que je l'ai mis ), mais par contre je ne veux pas l'imprimer. Car ca sera un document imprimé important (donc avec un retour sur la page A4, ca ne fais pas top!)

Merci

[franculo_caoulene]

Salut,

1) la gestion des media est faite pour toi
2) une solution plus sale serait de faire disparaître le lien pendant quelques secondes en javascript le temps de l'impression. Mais comme c'est un document important autant faire une feuille de style propre à l'impression
3) utiliser les tableaux pour la mise en forme c'est pas beau

[afrodje]

Salut,

1) la gestion des media est faite pour toi
2) une solution plus sale serait de faire disparaître le lien pendant quelques secondes en javascript le temps de l'impression. Mais comme c'est un document important autant faire une feuille de style propre à l'impression
3) utiliser les tableaux pour la mise en forme c'est pas beau

1°) apres des recherches, je ne trouve pas mon bonheur
2°) et 3°) comme tu dis, c'est pas beau !

Autres idées?

[franculo_caoulene]

?!

Code :

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

1
2
3
@media print {
    .imprimer { display: none; }
  }

[BnA]

En gros, tu peux spécifier des feuilles de styles différentes selon le média utilisé...

Il y a toute une série de média...

all: comme son nom l'indique...
screen: type classique, pour les moniteurs courants
tty: type télévision (écran basse résolution)
projection: type projecteur
handheld: pour PDA(Psion, Windows CE, Pilot ...)
print: pour les imprimantes
braille: pour les dispositifs de représentation en braille
aural: pour les synthétiseurs vocaux

Et donc, crée un CSS "print" avec ce code

Code :

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

1
2
3
4
5
6
 
<style type="text/css" media="print">
.hidePrint{
  display:none;
}
</style>

Et ton lien "Retour", donne lui comme class la classe hidePrint. Donc:

Code :

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

1
2
 
<td align="center"><h3 class="hidePrint"><a href="index.php">Retour</a></h3></td>

De cette manière, "Retour" ne sera pas affiché lors de l'impression (=> ne sera pas imprimé) car le display est none ,et ce uniquement pour l'impression.

[afrodje]

J'ai copier/coller ton code, et ca ne marche pas.


voila mon css complet

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
#impression{
        margin-left :0px;
}
 
a:link{
	color: blue;
	text-decoration:none;
	background-color: #FFFFFF;
}
 
a:visited {
	color: blue;
	text-decoration:none;
        background-color: #FFFFFF;
}
 
a:active {
	background-color: none;
	color:blue;
	text-decoration:none;
}
 
a:hover {
	 background-color: #FFFF00;
	 color:blue;
	 text-decoration:none;
}
 
#arriere {
     background-image : url(/images/logo.gif);
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-position: center center;
}
 
#imprim {
	page-break-after: always;   
}
 
 
<style type="text/css" media="print">
.hidePrint{
  display:none;
}
</style>

et voila la fin de mon fichier php

Code :

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

1
2
3
4
5
6
7
8
}
echo '</table>';
 
echo '<td align="center"><h3 class="hidePrint"><a href="index.php">Retour</a></h3></td>';
 
echo '</body>';
mysql_close();
?>