Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Stampa in pagina html

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    54

    Stampa in pagina html

    Ciao a tutti,
    sò che l'argomento è già stato dibattutto più volte e ho letto alcuni dei post precedenti ma nel sito ho una pagina di approfondimento con diverse domande e risposte di pubblico interesse e vorrei mettere un'icona che permetta all'utente di stampare solo la suddetta parte testuale!!
    Ho letto in altri post che questa cosa è abbastanza sconsigliata anche perchè il browser già contiente tale funzione,ma utilizzando file-stampa mi stamperebbe tutta la struttura del sito che non interessa,e mi "taglierebbe" la parte di testo che è invece quella che mi interessa di più!!

    Come posso risolvere?

    Grazie mille
    Bud

  2. #2
    fornisci un apposito css per la stampa (media="print") dove darai display:none; a tutti gli elementi che non vuoi vengno stampati, lasciando inalterati quelli che ti interessano.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    54
    Intanto grazie per la risposta,
    potresti spiegarmi precisamente come fare per favore?
    supponendo che avessi già un foglio di stile chiamato style.css....
    Bud

  4. #4
    fai un secondo foglio di stile che chiamerai come meglio credi per es. stampa.css

    Poi decidi cosa vuoi venga stampato e cosa no.

    esempio di markup

    codice:
    <div id="testata">
    
    bla..bla..bla..bla..</p></div>
    
    <div id="menu">
    
    bla..bla..bla..bla..</p></div>
    
    <div id="corpo">
    
    bla..bla..bla..bla..</p></div>
    
    <div id="footer">
    
    bla..bla..bla..bla..</p></div>
    se vuoi che venga stampato solo il contenuto del div con id "corpo", nel tuo stampa.css andrai a settare:

    codice:
    #testata, #menu, #footer {display:none;}
    Dopo averlo caricato sul tuo server aggiungi nella/e tue pagina/e

    codice:
    <link media="print" href="cartella_css/stampa.css" rel="stylesheet" type="text/css" />



    per saperne di più:

    http://css.html.it/articoli/leggi/19...per-la-stampa/
    http://css.html.it/guide/lezione/88/...per-la-stampa/

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.