egen css for print

7. mai 2013

Jeg vurder å lage en egen css for printutskrift til nettsiden jeg lager..
Er ganske ny på dette så litt usikker på hvordan jeg går fram men vet at det skal kunne gå legge til en egen css- fil for print.

Jeg har totalt 8 html sider på nettstede som alle er knytta til et og samme css dokument .

Problemet og det jeg lurer mest på er:
1. hva er ok bredde for siden når jeg skal lage egen css for utskrift??
Nå har jeg ikke bredde på body bare på container og satt margin auto,Burde jeg sette bredde på body isteden?
slik ser da html og css ut :
body {
background-color: #FFF;
}

.container {
width: 1000px;
background-color: #FFF;
margin-right: auto;
margin-left: auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
<body>
<div class="container">
……..
</div>
</body>

2.i alle htmlene så har jeg bilde hvor width er oppgit i pixel størrelse i htmlen.
slik:<img src="navnpaabilde.gif" width="1000" height="141" alt="bilde"
hvis jeg må ha bredde på mindre en 1000px på et ok css for print så ser jeg for meg at det da vil bli problemer? Kan jo ikke endre størrelsen på bilde i htmlen heller for de er jo tilpase bredd på netsida som du ser den på skjermen

Sist endret av h3kr0; 7. mai 2013 kl. 15:16.

fr1lanser1

Hacker

406 179

7. mai 2013

Hei, du kan ha et eget stilark for kun print.
Sjekk ut denne linken her: http://alistapart.com/article/goingtoprint/, Det er en relativt gammel artikkel men der er mye god informasjon.

Det er på ingen måte anbefalt å bruke width og height på img. Skal de resizes burde det i det minste være i css.

Yochi

1.025 230

7. mai 2013

For å lenke til et eget Print-stilark kan du skrive:

Kode

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

Når jeg tester hvordan print ser ut bruker jeg Chrome, for der kan du sette at du vil se siden som "print" i stedet for vanlig. Dette gjør du i innstillingene til inspectoren.

Du kan eventuelt printe ut til PDF for å teste.

Ikke sett bredde på siden, sett heller marg på sidene sånn at teksten ikke går helt ut i kantene. Skal du sette bredde bør du bruke prosenter eller lignende.

h3kr0

Trådstarter

167 21

7. mai 2013

takk

kom på at jeg trenger vel egentlig ikke oppgi width og size i html da den størrelsen som er oppgitt på alle bildene i htmlen er den faktiske størrelsen på bildene.

Bildene er jo egentlig ikke resiza. Men får vel fjerne width og hight fra htmlen uansett. Også lage en regel på bilde i cssen i stedet? Litt jobb men men.. Er vel enste måte jeg kan få tilpassa bilde til css print også …

takk for raskt svar

Sist endret av h3kr0; 7. mai 2013 kl. 15:53.

fuzzy76

webdings

2.482 589

7. mai 2013

Ikke oppgi width i print-stilark. Det skal størrelsen på arket bestemme..

h3kr0

Trådstarter

167 21

7. mai 2013

Sitat av fuzzy76

Ikke oppgi width i print-stilark. Det skal størrelsen på arket bestemme..

Vis hele sitatet...

Men åssen får jeg til at width bestemmes etter størrelsen på arket?
Er det bare å ikke oppgi width noe sted da??
Skal jeg ikke ha noe width i print-stilark og ikke i html?
Bare oppgi width i stilark for web da ? og ikke noen andre steder?

Sist endret av h3kr0; 7. mai 2013 kl. 18:59.

fuzzy76

webdings

2.482 589

8. mai 2013

https://developer.mozilla.org/en-US/docs/CSS/width

Ingen width eller width:auto; bør duge. Til nød width:100%;