Keskustelu: Nettisivujen teko: Media print ongelma

<style type="text/css">
 <!--
  @media print
  {
   h3 { color: red; }

  }
  @media screen
  {
   h3 { color: red; }
  }
  @media print, screen
  {
   h3 { font-size: 16pt; }
   td.we {background: #ddd; border-right: 1px solid #bbb; }
  }
  -->
 </style>

Mikä on vikana. Ruudulla kyllä näyttää kaiken oikein, mutta tulostusnäkymässä kusee mozillalla ja IE:llä. Opera laittaa kaiken harmaaksi.

@media print, screen

pitäisi todennäköisesti olla

@media print, @media screen

Pilkku aina erottelee täyspitkän säännön, eikä huomioi aiempia viittauksia.

En tosin ole käyttänyt @media-valitsinta pahemmin, että en edes tiedä onko sallittua käyttää kahta samalla rivillä. Tulee aina käytettyä erillistä CSS-tiedostoa.

ei auttanut.
Mutta kiitoksia kumminkin.

Nyt se kuitenkin värjää tuon td:n tekstin punaisella. mutta ei muuta!
Eli toisin sanoen se ei hyväksy taustavärin arvo, ei sitten millään!

<style type="text/css">
 <!--
  @media print
  {
   h3 { color: blue; }
  td.we {background: #ddd; border-right: 1px solid #bbb; color:red;}

  }
  @media screen
  {
   h3 { color: red; }
  }

  -->
 </style>

Vasta_alkaja kirjoitti:

Eli toisin sanoen se ei hyväksy taustavärin arvo, ei sitten millään!

Selaimista pitää yleensä vääntää erikseen päälle taustavärien tulostus--moiset kun tuppaavat syömään runsaammanpuoleisesti mustetta.
Tässä Firefoxissa valinta näyttäisi olevan File > Page Setup -dialogissa.

Kiitos todella paljon.. Helpotit elämääni kummasti. Etsin itse tuota asiaa väärästä paikasta selaimessa ja nyt kaikki toimii niinkuin pitääkin!!