webForumDet fria alternativet

CSS media print

HTML & CSS

11 svar · 1 297 visningar · startad av Biffen09

Medlem sedan sep. 200922 inlägg
Frågan#1

hur skriver jag Media Type för utskrift ?
skrivs allt man vill ändra var för sig? det vill säga bakgrund, textfärg osv?

det enda som händer när jag skriver så här (nedan) är att bakgrunden och färgen på tonplattan försvinner. Allt det andra är kvar
..vad gör jag för fel?

@media print {
p {background-color: white;
color: black;
padding: 0em;
border: none; }
}

Medlem sedan aug. 20039 340 inlägg
#2

@media print specificerar de regler som bara ska gälla utskrifter. Alla andra regler gäller fortfarande alla mediatyper. Vill du att vissa regler ska gälla specifikt för visning på skärm kan du på samma sätt ange @media screen.

Medlem sedan sep. 200922 inlägg
#3

Jag har provat att lägga till... men det fungerar fortfarande inte..
@media screen{
p {background-color: white;
color: black;
padding: 0em;
border: none;}
}

Medlem sedan aug. 20039 340 inlägg
#4

Alltså... Regler som inte står inom en media-block appliceras på alla mediatyper, och det som sätts inom ett media-block appliceras bara på den typen av media. T ex:

p {
  padding: 0em;
  border: none;
}

@media screen{
  p {
    background-color: black;
    color: white;
  }
} 

@media print{
  p {
    background-color: white;
    color: green;
  }
}

Med denna kod kommer stycken få padding och border oavsett mediatyp. Det som visas skärm kommer få vit text på svart bakgrund, medan det som skrivs ut kommer få grön text på vit bakgrund.

Värt att notera är dock att åtminstone Firefox verkar vägra skriva ut med annat än vit bakgrund, gissningsvis för att spara på folks bläck.

Medlem sedan sep. 200922 inlägg
#5

okej, men det som är inskrivet i "media screen" borde väl synas när man väljer förhandsgranska såvida man inte gjort fel?
gör man en helt egen extern stilmall när man skriver i externa filer eller använder man den som tidigare använts?

Medlem sedan aug. 20011 346 inlägg
#6

Har du en extern css-fil kan du ju behöva trycka Ctrl+F5 (eller hur det nu var man uppdaterar för att samtidigt ladda den senaste versionen) för att ändringar du gjort ska visa sig.

Medlem sedan aug. 20039 340 inlägg
#7

Biffen09, vad exakt menar du med förhandsgranska? Om du menar att förhandsgranska utskriften så är svaret givetvis nej, eftersom den funktionen försöker härma hur utskriften ska se ut och inte inkluderar regler för skärmvisning.

Medlem sedan sep. 200922 inlägg
#8

okej, jag trodde att det skulle synas när man förhandsgranskade sidan i webbläsaren under "utskriftsformat". Så det enda sättet att se det som är inskrivet i "media printen" fungerar är att skriva ut en test-sida?

Medlem sedan juli 20013 378 inlägg
#9

Biffen09 skrev:

okej, men det som är inskrivet i "media screen" borde väl synas när man väljer förhandsgranska såvida man inte gjort fel?

Nej - inte om du menar förhandsgranska utskrift - då gäller "medialösa" stilar + media print

Biffen09 skrev:

Så det enda sättet att se det som är inskrivet i "media printen" fungerar är att skriva ut en test-sida?

nej - du kan använda förhandsgranska utskrift i din webbläsare :bire

Medlem sedan aug. 20039 340 inlägg
#10

Biffen - det låter som du blandar ihop screen och print. Det som står i ett screen-block appliceras vid normal skärmvisning. Det som står i ett print-block appliceras vid utskrift och förhandsgranskning av utskrift. (Vilket alltså inte längre är "normal skämvisning")

Regler som inte står i något block appliceras till båda vanlig skärmvisning och utskrift/förhandsgranskning.

Dessutom har du skrivit media printen i ditt inlägg. Du ska självklart inte ha något en på slutet av ordet.

Medlem sedan sep. 200922 inlägg
#11

Okej, tack för all hjälp. Jag har nu mekat i timtals och jag tror jag har fått till det nu. Det enda som krånglar just nu är att jag en rubrik inte syns vid utskrift. Som jag skrivit i en extern mall (print.css). Skriver man på något annat sätt?

.rubrik
{color:green;
font-family:"sans-seriff";
font-size:26em;}

}

Medlem sedan aug. 20039 340 inlägg
#12

sans-serif stavas med ett f, och ska inte ha fnuttar omkring sig. Men om rubriken inte skrivs ut överhuvudtaget så är det nog något annat som är fel.

264 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)