Πώς να χρησιμοποιήσετε την HTML για να εκτυπώσετε κεφαλίδα και υποσέλιδο σε κάθε εκτυπωμένη σελίδα ενός εγγράφου;

Είναι δυνατή η εκτύπωση σελίδων HTML με προσαρμοσμένες κεφαλίδες και υποσέλιδα σε κάθε εκτυπωμένη σελίδα;

Θα ήθελα να προσθέσω τη λέξη "UNCLASSIFIED" σε κόκκινο, Arial, μέγεθος 16pt στην κορυφή και στο κάτω μέρος κάθε εκτυπωμένης σελίδας, ανεξάρτητα από το περιεχόμενο.

Για να διευκρινίσω, εάν το έγγραφο εκτυπώθηκε σε 5 σελίδες, κάθε σελίδα θα πρέπει να έχει την προσαρμοσμένη κεφαλίδα και το υποσέλιδο.

Γνωρίζει κανείς αν αυτό είναι εφικτό με τη χρήση HTML/CSS;

Αν πάρετε το στοιχείο που θέλετε να είναι το υποσέλιδο και το ορίσετε να είναι position:fixed και bottom:0, όταν η σελίδα εκτυπώνεται θα επαναλαμβάνεται αυτό το στοιχείο στο κάτω μέρος κάθε εκτυπωμένης σελίδας. Το ίδιο θα λειτουργούσε και για ένα στοιχείο κεφαλίδας, απλώς ορίστε το top:0 αντί αυτού.

Για παράδειγμα:

<div class="divFooter">UNCLASSIFIED</div>

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}
Σχόλια (22)

Πιστεύω ότι η σωστή απάντηση είναι ότι η HTML 5 και η CSS3 δεν υποστηρίζουν την εκτύπωση κεφαλίδων και υποσέλιδων σελίδων σε μέσα "εκτύπωσης".

Και ενώ μπορεί να είστε σε θέση να το προσομοιώσετε με:

  • tables
  • μπλοκ σταθερής θέσης

το καθένα από αυτά έχει σφάλματα που τα αποτρέπουν από το να είναι η ιδανική γενική λύση.

Σχόλια (4)

Είναι κάτι που θέλετε να εκτυπώσετε μόνο σε έντυπη μορφή; Θα μπορούσατε να το προσθέσετε σε κάθε σελίδα του ιστότοπού σας και να χρησιμοποιήσετε CSS για να ορίσετε την ετικέτα ως μέσο μόνο για εκτύπωση.

Για παράδειγμα, αυτό θα μπορούσε να είναι ένα παράδειγμα κεφαλίδας:

<span class="printspan">UNCLASSIFIED</span>

Και στο CSS σας, κάντε κάτι τέτοιο:


    .printspan
    {
        display: none;
    }


    .printspan
    {
        display: inline;
        font-family: Arial, sans-serif;
        font-size: 16 pt;
        color: red;
    }

Τέλος, για να συμπεριλάβετε την επικεφαλίδα/υποσέλιδο σε κάθε σελίδα, μπορείτε να χρησιμοποιήσετε το server-side includes ή αν έχετε οποιεσδήποτε σελίδες που παράγονται με PHP ή ASP, θα μπορούσατε απλά να το κωδικοποιήσετε σε ένα κοινό αρχείο.

Επεξεργασία:

Αυτή η απάντηση έχει ως στόχο να παρέχει έναν τρόπο για να εμφανίσετε κάτι στη φυσική εκτυπωμένη έκδοση ενός εγγράφου, ενώ δεν το εμφανίζετε με άλλο τρόπο. Ωστόσο, ακριβώς όπως υποδεικνύουν τα σχόλια, δεν επιλύει το ζήτημα της ύπαρξης ενός υποσέλιδου σε πολλαπλές εκτυπωμένες σελίδες όταν το περιεχόμενο υπερχειλίζει.

Το αφήνω εδώ σε περίπτωση που είναι χρήσιμο παρ' όλα αυτά.

Σχόλια (2)