Nybegynnerproblem med layout/print

geirthr · 2. august 2007

Har følgende html kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
 <meta http-equiv="Pragma" content="no-cache" />
 <meta http-equiv="content-language" content="no" />
 <title>TEST</title>
</head>	
<body>
 <!-- Grå rute -->
 <div style="color:#000; background-color:#dadada;">    	
 	TEKST
 </div>  
</body>
</html>

Problemet er at bakgrunnsfargen på div (#dadada) ikke vises når siden printes.

Noen som kan hjelpe?

Takk!

Edit: Typo..

Endret 2. august 2007 av geir-thr

speedy6110 · 2. august 2007

Har følgende html kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
 <meta http-equiv="Pragma" content="no-cache" />
 <meta http-equiv="content-language" content="no" />
 <title>TEST</title>
</head>	
<body>
 <!-- Grå rute -->
 <div style="color:#000; background-color:#dadada;">    	
 	TEKST
 </div>  
</body>
</html>

Problemet er at bakgrunnsfargen på div (#dadada) ikke vises når siden printes.

Noen som kan hjelpe?

Takk!

Edit: Typo..

9195893[/snapback]

sier bare lage deg en CSS fil ...alt bli bedre da.

geirthr · 2. august 2007

Prøvde dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
 <meta http-equiv="Pragma" content="no-cache" />
 <meta http-equiv="content-language" content="no" />
 
 <style type="text/css" media="print">
 	<!--
 	body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #000000;
   background-color: #FFFFFF;
 	}  	
 	
 	.blaa {
   color:#000; 
   background-color: blue; 
   layer-background-color: blue; 
 	}
 	-->
 </style>

 <style type="text/css" media="screen">
 	<!--
 	body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #000000;
   background-color: #FFFFFF;
 	}
 	
 	.blaa {
   color:#000; 
   background-color: blue; 
   layer-background-color: blue; 
 	}
 	-->
 </style>
</head>	
<body>

 <!-- Blå rute -->
 <div class="blaa">    	
 	TEKST
 </div>  

</body>
</html>

.. uten resultat.

Det ser bra ut på skjerm, men på utskriften forsvinner bakgrunnsfargen på div..

PHPdude · 2. august 2007

Skyldes vel rett å slett at nettleseren er satt opp til å fjerne alle bakgrunner på utskrifter for å spare blekk. Og da det er det ikke noe du kan gjøre med det annet enn å be brukeren om å endre innstillingene for å få skrevet ut med korrekt utseendet.

Er vel en mye bedre løsning og heller lage et eget minimalistisk design for utskrift. Fjerne alt av grafikkelementer, farger, menyer, søkefelt og knapper osv. som bare er i veien på en utskrift. Som bruker hadde jeg vertfall hvert veldig mye mer fornøyd med det enn med noe fancy greier.

Et sånt eget utskrift-design kan legges til ved hjelp av media="print" som du brukte i forrige post (bare husk å flytt alt til en ekstern fil istedenfor)

<head>
<link rel="stylesheet" type="text/css" href="/stylesheets/print.css" media="print,screen" title="Print"/>
<link rel="stylesheet" type="text/css" href="/stylesheets/fancy.css" media="screen" title="MyFancyDesign"/>
</head>

geirthr · 3. august 2007

Skyldes vel rett å slett at nettleseren er satt opp til å fjerne alle bakgrunner på utskrifter for å spare blekk. Og da det er det ikke noe du kan gjøre med det annet enn å be brukeren om å endre innstillingene for å få skrevet ut med korrekt utseendet.
Er vel en mye bedre løsning og heller lage et eget minimalistisk design for utskrift. Fjerne alt av grafikkelementer, farger, menyer, søkefelt og knapper osv. som bare er i veien på en utskrift. Som bruker hadde jeg vertfall hvert veldig mye mer fornøyd med det enn med noe fancy greier.

Et sånt eget utskrift-design kan legges til ved hjelp av media="print" som du brukte i forrige post (bare husk å flytt alt til en ekstern fil istedenfor)
<head>
<link rel="stylesheet" type="text/css" href="/stylesheets/print.css" media="print,screen" title="Print"/>
<link rel="stylesheet" type="text/css" href="/stylesheets/fancy.css" media="screen" title="MyFancyDesign"/>
</head>
9197635[/snapback]

Takk for tipset!

Kan nevne at det ikke virket før jeg fjernet title delen på slutten av taggene.

Logg inn

Nybegynnerproblem med layout/print

Anbefalte innlegg

geirthr

Lenke til kommentar

Videoannonse

speedy6110

Lenke til kommentar

geirthr

Lenke til kommentar

PHPdude

Lenke til kommentar

geirthr

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer