CSS commando's printen nieuwsbrief
Zo heb ik het volgende al gevonden.
Code (php)
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
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
/* Print styles */
@media print{
body{
background-color: White;
}
p, td{
font-size: 10pt;
* font-size:10px; /* IE7 hack */
background-color: white;
}
div{
font-size:10pt;
background-color: white;
font-family: verdana;
* font-size:10px; /* IE7 hack */
}
#main, #content{
width: 100%;margin: 0%;
}
table{
background-color: white;
}
form{
display: none;
}
a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
}
@media print{
body{
background-color: White;
}
p, td{
font-size: 10pt;
* font-size:10px; /* IE7 hack */
background-color: white;
}
div{
font-size:10pt;
background-color: white;
font-family: verdana;
* font-size:10px; /* IE7 hack */
}
#main, #content{
width: 100%;margin: 0%;
}
table{
background-color: white;
}
form{
display: none;
}
a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
}
Echter de commando's worden nog niet helemaal gevolgd.
Het lettertype wordt standaard in een div aangeroepen met:
Code (php)
1
2
3
2
3
<div class="kl2">
......
</div>
......
</div>
Wat gaat er fout en hoe kan ik dit oplossen?
Het lettertype wordt nog gewoon uitgeprint zoals is vastgelegd in de <div>.
EDIT:
na veel proberen opgelost met een 2de .kl2 in de CSS te zetten bij @media print{
Code (php)
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
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
/* Print styles */
@media print{
body{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
p, td{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
div{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
#main, #content{
width: 100%;margin: 0%;
}
table{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
.kl2{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
form{
display: none;
}
a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
}
@media print{
body{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
p, td{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
div{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
#main, #content{
width: 100%;margin: 0%;
}
table{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
.kl2{
font-size:11px;
background-color: white;
font-family: arial;
* font-size: 11px; /* IE7 hack */
font-weight: normal;
}
form{
display: none;
}
a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
}
of het een juiste oplossing is weet ik niet, maar het werkt in ieder geval.
Gewijzigd op 22/08/2010 15:58:17 door Piet Marisael
Er zijn nog geen reacties op dit bericht.