[CSS]impression

Version imprimable

04/04/2006, 09h42
pmboutteau

[CSS]impression

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?
04/04/2006, 09h55
franculo_caoulene

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.

En fait c'est la marge de ma page.

Voici ce que je fais dans mes pages asp.

Code:

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:

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;
}

04/04/2006, 10h03
franculo_caoulene

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.

Voilà une page.

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

04/04/2006, 10h14
John_Smith

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...-
04/04/2006, 13h25
pmboutteau

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