CSS commando's printen nieuwsbrief
Ik ben bezig met het maken van een nieuwsbrief maar het wil nog niet helemaal lukken met de printer commando's in de CSS.
Zo heb ik het volgende al gevonden.
Echter de commando's worden nog niet helemaal gevolgd.
Het lettertype wordt standaard in een div aangeroepen met:
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{
of het een juiste oplossing is weet ik niet, maar het werkt in ieder geval.
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:
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.




