[CSS]impression

**pmboutteau** · 04/04/2006, 09h42

Bonjour. Voilà, j'ai un menu déroulant en CSS sur ma gauche. Quand j'imprime il disparaît mais il me reste une marge Blanche.

Comment puis-je l'enlever?

**franculo_caoulene** · 04/04/2006, 09h55

Salut,

De quelle marge parles-tu? De la marge définie par ton imprimante ou bien celle du corps de ton site?
Si c'est celle de ton imprimante, il n'y a rien à faire, pour le corps de ton site définie margin tout simplement dans la feuille de style que tu utilises pour l'impression.

Si j'ai bien compris.

**pmboutteau** · 04/04/2006, 10h00

En fait c'est la marge de ma page.

Voici ce que je fais dans mes pages asp.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<LINK REL="stylesheet" HREF="Couleur.css" TYPE="text/css">
    <link rel="stylesheet" type="text/css" href="menussjava.css" title="défaut">
<style type="text/css" media="print">
.noseeme {visiblity: visible}
.seeme {display : none}
</style>
<style  type="text/css" media="screen">
.noseeme {display: none}
.seeme {visibility: visible}
</style>

et la feuille de style.

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
body {
  background-color:#FFF;
  color:#00000;
  font-family:Verdana, Geneva, Arial,
    Helvetica, sans-serif;
  margin:0;
  padding:0;
}
 
hr {
  display:none;
}
 
.menu, .ssmenu, .sssmenu {
  background-color:#FFF;
  color:#333;
  border:0.1em solid #333;
  margin:1em;
}
 
.menu span, .ssmenu span , .sssmenu span{
  display:none;
}
 
.menu a, .ssmenu a , .sssmenu a{
  text-decoration:none;
  color:#333;
}
 
.menu {
  padding:0 1em;
}
 
.ssmenu {
  padding:0;
}
 
.sssmenu {
  padding:0;
}
 
.ssmenu li {
  list-style-type:disc;
  list-style-position:inside;
  padding-left:0.2em;
  color:blue;
}
 
.ssmenu li:hover, .ssmenu a:hover,
  .ssmenu a:focus  {
  background-color:white;
  color:#FFF;
}
 
.ssmenu li:hover {
  list-style-type:circle;
}
 
.sssmenu li {
  list-style-type:disc;
  list-style-position:inside;
  padding-left:0.2em;
  color:blue;
}
 
.sssmenu li:hover, .ssmenu a:hover,
  .ssmenu a:focus  {
  background-color:blue;
  color:#FFF;
}
 
.sssmenu li:hover {
  list-style-type:circle;
}
 
 
 
#access a, #texte a {
  color:#F93;
}
 
#access a:hover, #texte a:hover {
  text-decoration:none;
}
 
#access a:focus, #texte a:focus {
  text-decoration:none;
  background-color:#F93;
  color:#FFF;
}
 
#access {
  margin:1em;
  padding:0;
}
 
#texte {
  text-align:justify;
  margin:1em;
  padding:0;
}
 
#texte p {
  text-indent:1em;
}
 
#copy {
  padding:1em;
  margin:0;
  text-align:center;
}

**franculo_caoulene** · 04/04/2006, 10h03

hum t'as pas un lien ou au pire un exemple de source html (pas seulement l'entête)? Pour voir à quoi servent les classe et id.

**pmboutteau** · 04/04/2006, 10h07

Voilà une page.

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
46
47
48
49
50
51
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Saisie des commandes Accessoires</TITLE>
<META NAME="Generator" CONTENT="TextPad 4.4">
<META NAME="Author" CONTENT="?">
<META NAME="Keywords" CONTENT="?">
<META NAME="Description" CONTENT="?">
<LINK REL="stylesheet" HREF="Couleur.css" TYPE="text/css">
    <link rel="stylesheet" type="text/css" href="menussjava.css" title="défaut">
<style type="text/css" media="print">
.noseeme {visiblity: visible}
.seeme {display : none}
</style>
<style  type="text/css" media="screen">
.noseeme {display: none}
.seeme {visibility: visible}
</style>
<!-- #include file="menuGeneralSquelette.html" -->
 
</HEAD>
 
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF" BACKGROUND="?">
<%@ Language="VBScript"%>
 
<div class="content">
<H3>Choix du produit</H3>
<FORM name="operation Casing" method="post" action="redirigerSaisieCommandeAccessoires.asp">
 
<br><br></br></br>
<TABLE ALIGN="left" BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH="65%" BGCOLOR="#3B4E77">
<tr><td colspan=3><div align=left><span class=blanc><B>Liste des Produits Accessoires</B></span></td></tr>
</Table>
<br></br>
<TABLE ALIGN="left" BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH="65%">
<TR>
<td><b>Type de Produits : </b><div align=center><SELECT name="chaine">
<OPTION value="pup">Pup</OPTION>
<OPTION value="nipple">Nipple</OPTION>
<OPTION value="cross">Cross Over</OPTION>
</select>
</td>
</tr>
</Table>
<br></br><br></br>
<br></br><br></br>
<INPUT type="submit" value="Résultat" name="btnSubmit">
</FORM>
</div>
</BODY>
</HTML>

**John_Smith** · 04/04/2006, 10h14

Ton positionnement de menu interfère peut etre trop sur ta mise en page une fois désactivé.

Plus d'infos sur Meyerweb:
http://www.meyerweb.com/eric/articles/webrev/200001.html

Edit: <br />, c'estplus rapide que <br></br>

-J'espere ne pas être HS...-

**pmboutteau** · 04/04/2006, 13h25

Je vais mater le lien plus tard. Pour l'instant ce n'est pas super urgent mais çà le deviendra sûrement

[CSS]impression

CSS

Vue hybride

Discussions similaires

Partager

Partager