[css/html] stampare una parte della pagina [Archivio]

Furla

25-08-2008, 10:13

vorrei stampare solo le parti di pagina racchiuse nei tag di classe "stampami", per fare delle prove sul browser ho tolto l'attributo media="print" dal tag "link" del del foglio di stile.

<html>
<head>
<link rel="stylesheet" type="text/css" href="printstyle.css">
</head>
<body>
non stamparmi!
<div class="dastampare">stampami!</div>
<div>non stamparmi!</div>
</body>
<html>

per ora ho provato questi e non vanno bene, esce una bella paginona bianca -.-

inizialmente speravo che la soluzione potesse essere banalmente questa:

/*file printstyle.css, ver 1*/
body{display:"none";}
.dastampare{display:"inline";}

poi, vista la pagina bianca, ho pensato che anche body debba essere avere display inline, quindi ho provato così:

/*file printstyle.css, ver 2*/
*{display:"none";}
body{display:"inline";}
.dastampare{display:"inline";}

più che darmi la soluzione, se qualcuno riuscisse a spiegarmi perché non fungono mi farebbe un grosso favore :muro:

Furla

25-08-2008, 10:29

ho modificato l'html in modo da non coinvolgere body del css ma il problema rimane:

<html>
<head>
<link rel="stylesheet" type="text/css" href="printstyle.css">
</head>
<body>
<div class="nonstampare">
non stamparmi!
<div class="dastampare">stampami!</div>
<div>non stamparmi!</div>
</div>
</body>
<html>

/*file printstyle.css, ver 3*/
.nonstampare{display:"none";}
.dastampare{display:"inline";}
la cosa strana è che usando l'attributo visibility funziona tutto, ma non è il risultato che serve a me perché gli oggetti "hidden" occupano il loro spazio lasciando dei buchi:

/*file printstyle.css, ver 4*/
.nonstampare{visibility: hidden}
.dastampare{visibility: visible}

spero che qualcuno mi sappia aiutare...