CSS ja tulostuksen rajaus

Avuton...

Kuinka saisin css:ää käyttämällä rajattua tulostuksen (tulostimella paperille) siten että ainoastaan sivulla oleva yksi kuva tulostuisi.

Toimisiko se jotenkin tyyliin body{display:none;} ja div.kuva{xxxx:xxxx;}? Mitä tuonne x:ien tilalla tulisi laittaa? Vai olisiko joku toinen ratkaisu parempi?

1

328

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • CSS:llä sujuu aika hyvin se, että tulostuksesta jätetään jotain pois (esim. vakionavigointi tai [itsessään typerät] "Takaisin alkuun" -linkit). Huomattavasti hankalampaa on saada aikaan jotain sellaista, mitä nyt yrität.

      Hahmottelemasi lähestymistapa kaatuu jo siihen, että jos body-elementille asetetaan display: none, mitään ei tulostu. Body-elementtihän vastaa koko sivua. Jos sitä ei tulostu, niin mitään ei tulostu. Ei ole väliä, määritelläänkö tulostumattoman elementin jokin osa tulostuvaksi.

      Sen sijaan seuraavalla tavalla onnistuisi _tavallaan_:

      body { visibility: hidden; }
      div.kuva img { visibility: visible; }

      Silloin kuitenkin kuva tulostuu juuri siihen, mihin se muutoinkin tulostuisi, joka voi olla vaikka sivulla 42. Kaikki muu "on" siellä, mihin se sijoittuu, mutta näkymättömissä.

      Jos haluat kuvan ihan alkuun, voit lisätä esimerkiksi

      div.kuva img { position: absolute; top: 1cm; left: 2cm; }

      Siihen sitten tietysti sellaiset top- ja left-arvot (ylämarginaali ja vasen marginaali) kuin tuntuu sopivalta.

      Tällöinkin voi sitten tulostua esimerkiksi 42 tyhjää sivua, koska kaikki muu edelleenkin "on" mukana, vain näkymättömissä.

      Seuraava voi siis olla parempi lähestymistapa: käytetään merkkausta


      ...

      ...


      jolloin tyyliohjeessa on (@media print -osassa) vain

      .alku, .loppu { display: none; }

      Jään ihmettelemään, minkälaisessa tilanteessa olisi mielekästä, että vain kuva tulostuisi.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Kelekkakisat

      Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.
      Nivala
      26
      11002
    2. Aivan kauheaa

      Veikö koskiuoma taas ihmishengen? Se pitää kieltää!
      Imatra
      41
      8298
    3. Onko kaivattusi

      …mielestäsi älykäs, tai kenties tyhmä? Oma mielipide.
      Ikävä
      126
      5277
    4. Kuinka pitkä välimatka

      on teidän kotien välillä?
      Ikävä
      143
      3646
    5. Epäilen ettet edes

      Kehtaisi liikkua kanssani.
      Ikävä
      69
      3578
    6. Virkamiehille tarvitaan tuntuvat palkankorotukset

      Naistenpäivänä on syytä muistuttaa, että virkamiehen euro on vain 80 senttiä. Palkat tulee saattaa samalle tasolle yksi
      Maailman menoa
      35
      3534
    7. Oletko huomannut

      Yhden muutoksen?
      Ikävä
      33
      3167
    8. Jäikö meidän välit

      Mielestäsi Kesken?
      Ikävä
      55
      2529
    9. Olisipa saanut sinuun

      Tutustua paremmin. Harmi että aloin lopulta jännittämään kun näytit tunteesi niin voimakkaasti ja lähestyit niin voimaak
      Ikävä
      35
      2031
    10. Miltä mahtaa tuntua

      Sitten kun näet hänet pitkästä aikaa?
      Tunteet
      28
      1786
    Aihe