Gå til innhold

Nybegynnerproblem med layout/print

geirthr

Anbefalte innlegg

geirthr

geirthr

Skrevet
Skrevet (endret)

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 av geir-thr
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
speedy6110

speedy6110

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

Lenke til kommentar
geirthr

geirthr

Skrevet
  • Forfatter
Skrevet

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

Lenke til kommentar
PHPdude

PHPdude

Skrevet
Skrevet

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>

Lenke til kommentar
geirthr

geirthr

Skrevet
  • Forfatter
Skrevet
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.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...