Print del af en html side

Med css

<style type="text/css" media="print">
.printIt {
  background-color:#ffffff;
}
</style>

<div class="printIt">Dette bliver printet</div>

Det, pelkjaer, beskriver er klart den smarteste metode, men du kan også have en skjult iframe, som du udskriver tabellen i og så printer den.

Normalt på større sites laver man en css til screen (skærmvisning) og et css til print (udskrifter) ...

f.eks. er dette taget fra skroeder-print.css
#menubox {
  display: none;
}

ergo tages min menu ikke med, når der printes ud (og hvorfor skulle den også det - alle menuer, sidebars, banner-reklamer osv, har je en tendens til at være ret ligegyldige på en udskrift - man kan jo ikke klikke på dem mere! :-))

Hmm, det virker altså ikke. Altså ikke hvis man bare bruger printfunktionen fra browseren. Kræver det at man laver en javascript knap til udskrivningen? Det skal der alligevel laves

hvordan ser din html-side ud ... Tildeler du et css, specifikt til media print ??

gå f.eks. ind på www.skroeder.dk - og prøv at print siden ud - så vil du se, at menuen ikke bliver printet ud ...

nej, jeg tildeler ikke specifikt. Kunne være jeg skulle prøve det.

jeps ... ellers prøv at poste din HTML og CSS kode, så kan vi jo fejlrette :-))

<style type="text/css" media="print">
.printIt {
  background-color:#ffffff;
}
</style>

<div class="printIt">

    <font class="overskrift">Ordrebekræftelse</font><br>
    <strong style="color : red;">OBS : Print denne side !!</strong><br>
    <em>Handlen er nu gennemført - Tak for bestillingen !!</em><br>
    </div>

Skal jeg også bruge en specialknap til print??

smukke... >> det du skal gøre, er at kigge på din normale hjemmeside - og så beslutte om der er nogle dele, du _ikke_ vil have med i printet (menuer, banner-reklamer osv) ...  Det du ender op med, er så sektioner, som du gerne vil have printet med - og der kan de så være hensigsmæssigt f.eks. at ændre baggrundsfarven til hvis, så der ikke bliver brugt toner ifm. udskrift...

lad os f.eks. sige, at du har en menu og et banner, som du ikke vil have printet med - og at de har id'erne "menu" og "banner"

så bliver din kode
<style type="text/css" media="print">
#banner {
  display:none;
}
#menu {
  display:none;
}
#indhold {
  background-color: white;
}
</style>

<body>
  <div id="banner"> ET BANNER, SOM ER MED PÅ SCREEN, MEN IKKE PRINT</div>
  <div id="menu">
    <a href="valg1.html"> valg 1 </a> <br/>
    <a href="valg2.html"> valg 2 </a> <br/>
    <a href="valg3.html"> valg 3 </a> <br/>
    <a href="valg4.html"> valg 4 </a> <br/>
  </div>
  <div id="indhold">
    <p>
      bla bla bla bla bla --. Dette vil blive printet -- bla bla bla bla
    </p>
  </div>
</body>

Her er det faktisk kun "indhold" som bliver printet ud (fordi de andre har sat display:none; når de bliver udprintet)

Håber det var hjælpende ... ellers så kig, hvordan jeg har gjort det på :
-- www.skroeder.dk
-- www.skroeder.dk/style/skroeder.css
-- www.skroeder.dk/style/skroeder-print.css

du kan se filerne med min source-viser :
-- http://www.skroeder.dk/php/source.php?fil=http://www.skroeder.dk/
-- http://www.skroeder.dk/php/source.php?fil=http://www.skroeder.dk/style/skroeder.css
-- http://www.skroeder.dk/php/source.php?fil=http://www.skroeder.dk/style/skroeder-print.css

/Søren Munk Skrøder

Og nej .. du behøver ikke at bruge en special-knap til print ...

du kan lave en <a href="java script:window.print(); return false;"> PRINT </a>, (eller lignende) hvis du vil - men den vil bare kalde browserens egen printfunktion --- så det ville være det samme som at trykke [CTRL]-P

Stærkt bearhugx. Tester det lige og vender tilbage med nogle points :)