Hvordan udskriver jeg kun et område af en webside?

Du kan gøre det med CSS...
@media print og @media screen kan bruges til at skjule/vise ting for henholdsvis printer og skærm..

Ved at bruge et print-style-sheet, hvor du så giver elementet specielle egenskaber, f.eks. noget i denne retning:

<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
@media print{
  body *{display:none;}
  #printDiv *{display:inline;}
  #printDiv,#printDiv p,#printDiv div,#printDiv ul,#printDiv textarea,#printDiv td,#printDiv h1,#printDiv h2,#printDiv h3,#printDiv h4,#printDiv h5,#printDiv h6{display:block;}
  #printDiv table{display:table;}
  #printDiv td{display:table-cell;}
  #printDiv li{display:list-item;}
}
</style>

Allright.. lyder interessant, men

1) hvadfor noget bliver så printet?, og
2) hvordan sætter man printet i gang når brugeren klikker på et .."link"?

Hvis jeg nu vil printe et tab-tag med id="table1" når brugeren klikker på et link, hvordan vil det så se ud?

undskyld.. table-element.. skulel der stå

-- så skriver du table1 i stedet for printDiv ...

ok, men hvordan udskriver jeg det?

onclick="self.print();"

den giver fejl og siger:

Microsoft JScript runtime error: Object doesn't support this property or method

J har flg:

    <style>
    @media print{
      body *{display:none;}
      #mainContent *{display:inline;}
      #mainContent,#mainContent p,#mainContent div,#mainContent ul,#mainContent textarea,#mainContent td,#mainContent h1,#mainContent h2,#mainContent h3,#mainContent h4,#mainContent h5,#mainContent h6{display:block;}
      #mainContent table{display:table;}
      #mainContent td{display:table-cell;}
      #mainContent li{display:list-item;}
    }
    </style>

samt

<img onclick="self.Print();" src="print_ikon.gif" border="0">

prøv med:
<img onclick="window.Print();" src="print_ikon.gif" border="0">

Javascript er casesensitivt, så du må ikke bare indsætte store bogstaver, når nu metoden er med små bogstaver!-)

<img onclick="self.print();" src="print_ikon.gif">

ok, nu kan den "PRINTE".. men den printer KUN baggrunds billedet.. altså en lille 2 pixel streg der er tapetseret ud over hele baggrunden.
Hvordan får jeg "table1" udskrevet? window.print() og self.print() gør tilsyneladende det samme.

Tjah, window og self henviser også til præcis det samme objekt ...

-- kan du ikke linke til et kodeeksempel ?-)

-- for jeg har registreret præcis den opførsel, hvis der har været elementer ovenover i hierarkiet, som ikke er blevet erklæret printbare !-)

Det virker nu efter at jeg selv har eksperimenteret rundt! :)

Det virkede med flg:

@media print{
    #top_table {display:none}
    #bund_td {display:none}
    body {BACKGROUND-IMAGE:none}
}

Men lad mig bare dele pointene ud på jer 2, så hvis I begge opretter svar..

ikke nogen point til mig.. de må vidst tilhøre roenving

Oki '-)

-- og tak for point ;~}