[css/html] stampare una parte della pagina

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.

Codice:

<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:

Codice:

/*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ì:

Codice:

/*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

Furla · 25-08-2008, 10:29

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

Codice:

<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>

Codice:

/*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:

Codice:

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

spero che qualcuno mi sappia aiutare...

25-08-2008, 10:13	#1
Furla Senior Member Iscritto dal: Feb 2004 Messaggi: 1454	[css/html] stampare una parte della pagina 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. Codice: <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: Codice: /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ì: Codice: /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

25-08-2008, 10:29	#2
Furla Senior Member Iscritto dal: Feb 2004 Messaggi: 1454	ho modificato l'html in modo da non coinvolgere body del css ma il problema rimane: Codice: <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> Codice: /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: Codice: /file printstyle.css, ver 4/ .nonstampare{visibility: hidden} .dastampare{visibility: visible} spero che qualcuno mi sappia aiutare... Ultima modifica di Furla : 25-08-2008 alle 10:38.

Strumenti
Mostra una versione stampabile Invia questa pagina per email