Just nu i M3-nätverket
Gå till innehåll
jan-erik

printfunktion css

Rekommendera Poster

jag försöker krampaktigt att fixa en vettig utskrift från hemsidan, men lyckas dåligt.

 

jag har i < head>

<link rel="stylesheet" type="text/css" href="a0/print.css" media="print" /> 

 

så här ser print.css ut:

body { 
 color : #000000; 
 background : #ffffff; 
 font-family : "Times New Roman", Times, serif;
 font-size : 12pt; 
 width:600px;
}

a { 
 text-decoration : underline; 
 color : #0000ff; 
}
#login, #minkal, #top, #pagang, #utvard, #todo, #tavling, #klass2,#runcheck,#loggen,#mittmeny,#musik,#mittencont,#mainAreaIntMeny,#hist,#hist2,#meny { 
 display : none; 
} 

och så här ser printknppen ut:

<input type="button" value="Print" onClick="window.print()">

Det funkar iofs såtillvida att utskrift sker, men font-size och width får ingen effekt, texten blir pyttepyttepytteliten (XXXS)

 

Tråden flyttad från Webblayout & -design av moderator

 

[inlägget ändrat 2009-04-28 18:46:12 av Cluster]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

hur har du deklarerat dina icke-print-csser?

Är de satt till media=screen?

Om inte, gör det annars ärver printstylen från de andra csserna.

ha ingen bredd på bodyn, justera hellre marginalerna

body{margin: 1% 2% 1% 4%;}

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...