login  Naam:   Wachtwoord: 
Registreer je!
 Forum

print pakt CSS niet mee (Opgelost)

Offline peerke59 - 22/08/2010 14:59 (laatste wijziging 22/08/2010 15:50)
Avatar van peerke59MySQL interesse Ik gebruik op mijn pagina's voor het lettertype hetvolgende:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="kl2">
  2. .......
  3. </div>

De div is in de CSS omschreven als:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .kl2 {
  2. 	display:block;	
  3. 	font-family: verdana;
  4. 	color:#000000;			
  5. 	font-size:11px;				
  6. 	* font-size:11px;		  /* IE7 hack */	
  7. 	font-weight: bold;			
  8. 	text-align:left;	
  9. 	padding: 20px;
  10. }

werkt allemaal prima op de website.

Maar zogauw ik de pagina ga versturen per e-mail probeer ik de functie voor het printen zo om te zetten dat hij in een ander lettertype en weight uitprint.
Echter daar gaat het fout en gebruikt hij nog steeds het verkeerde type.
terwijl ik toch een goede verwijzing aanhef:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <link href="http://www.naamwebsite.nl/main.css" rel="stylesheet" type="text/css">
  2. <link href="http://www.naamwebsite.nl/main.css" rel="stylesheet" type="text/css" media="print" />

In de CSS heb ik hetvolgende voor de print-layout opgenomen:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* Print styles */
  2. @media print{
  3. body{
  4. font-size:10px;
  5. background-color: white;
  6. font-family: arial;
  7. * font-size: 10px;		  /* IE7 hack */
  8. font-weight: normal;
  9. }
  10.  
  11. p, td{
  12. font-size:10px;
  13. background-color: white;
  14. font-family: arial;
  15. * font-size: 10px;		  /* IE7 hack */
  16. font-weight: normal;
  17. }
  18.  
  19. div{
  20. font-size:10px;
  21. background-color: white;
  22. font-family: arial;
  23. * font-size: 10px;		  /* IE7 hack */
  24. font-weight: normal;
  25. }
  26.  
  27. #main, #content{
  28. width: 100%;margin: 0%;
  29. }
  30.  
  31. table{
  32. font-size:10px;
  33. background-color: white;
  34. font-family: arial;
  35. * font-size: 10px;		  /* IE7 hack */
  36. font-weight: normal;
  37. }
  38.  
  39. form{
  40. display: none;
  41. }
  42.  
  43.  
  44.  
  45. a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
  46. }


Wat gaat er nou verkeerd en wat heb ik nou fout gedaan?
Kan iemand mij er mee helpen?
Allerlei tutorials op internet hebben mij nog niet verder gebracht.


EDIT:

Vanalles uitgeprobeerd, op een gegeven moment zou de print toch de CSS juist lezen.
Uiteindelijke oplossing zat in een 2de .kl2 aanmaken in de @media print{

php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* Print styles */
  2. @media print{
  3. body{
  4. font-size:11px;
  5. background-color: white;
  6. font-family: arial;
  7. * font-size: 11px;		  /* IE7 hack */
  8. font-weight: normal;
  9. }
  10.  
  11. p, td{
  12. font-size:11px;
  13. background-color: white;
  14. font-family: arial;
  15. * font-size: 11px;		  /* IE7 hack */
  16. font-weight: normal;
  17. }
  18.  
  19. div{
  20. font-size:11px;
  21. background-color: white;
  22. font-family: arial;
  23. * font-size: 11px;		  /* IE7 hack */
  24. font-weight: normal;
  25. }
  26.  
  27. #main, #content{
  28. width: 100%;margin: 0%;
  29. }
  30.  
  31. table{
  32. font-size:11px;
  33. background-color: white;
  34. font-family: arial;
  35. * font-size: 11px;		  /* IE7 hack */
  36. font-weight: normal;
  37. }
  38.  
  39. .kl2{
  40. font-size:11px;
  41. background-color: white;
  42. font-family: arial;
  43. * font-size: 11px;		  /* IE7 hack */
  44. font-weight: normal;
  45. }
  46.  
  47.  
  48.  
  49.  
  50. form{
  51. display: none;
  52. }
  53.  
  54.  
  55.  
  56. a:link, a:visited, h1, h2{color: Black;text-decoration: none;}
  57. }

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s