Εκτύπωση των Layers

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
st3F0s
Δημοσιεύσεις: 17
Εγγραφή: 08 Νοέμ 2005 16:37

Εκτύπωση των Layers

Δημοσίευση από st3F0s » 02 Φεβ 2006 22:27

Θα ήθελα να ρωτήσω εάν υπάρχει κάποιος τρόπος που να επιτρέπει την εκτύπωση των layers (absolutely position), ανεξάρτητα από το πρόγραμμα περιήγησης και τα περιθώρια εκτύπωσης (page setup margins)
π.χ. εκτύπωση ετικετών

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Εκτύπωση των Layers

Δημοσίευση από skeftomilos » 03 Φεβ 2006 05:51

Μπορείς να έχεις διαφορετικό stylesheet για εμφάνιση στην οθόνη και διαφορετικό για εκτύπωση στον printer.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

st3F0s
Δημοσιεύσεις: 17
Εγγραφή: 08 Νοέμ 2005 16:37

Εκτύπωση των Layers

Δημοσίευση από st3F0s » 03 Φεβ 2006 14:49

skeftomilos μπορείς σε παρακαλώ να δώσεις ένα μικρό παράδειγμα ;

Ποια είναι τα stylesheet που επηρεάζουν την εκτύπωση π.χ. ενός input box μιας φόρμας;

Σε ευχαριστώ εκ των προτέρων.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Εκτύπωση των Layers

Δημοσίευση από skeftomilos » 04 Φεβ 2006 01:37

Ενας τρόπος είναι με attribute media:

Κώδικας: Επιλογή όλων

<style type="text/css" media="screen">
  input &#123; width&#58; 100px; &#125;
</style>

<style type="text/css" media="print">
  input &#123; width&#58; 50%; &#125;
</style>
Άλλος τρόπος είναι μέσα στο css:

Κώδικας: Επιλογή όλων

<style type="text/css">
  @media screen &#123;
    input &#123; width&#58; 100px; &#125;
  &#125;
  @media print &#123;
    input &#123; width&#58; 50%; &#125;
  &#125;
</style>
Φυσικά και οι δύο τρόποι είναι συμβατοί με το στοιχείο link:

Κώδικας: Επιλογή όλων

<link href="screen.css" type="text/css" rel="stylesheet" media="screen">
<link href="print.css" type="text/css" rel="stylesheet" media="print">
Επισυνάπτω μία λίστα με τους πιο συνηθισμένους CSS κανόνες, μαζί με ενδεικτικές τιμές.
Συνημμένα
CSS.zip
(1.03 KiB) Μεταφορτώθηκε 307 φορές
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

st3F0s
Δημοσιεύσεις: 17
Εγγραφή: 08 Νοέμ 2005 16:37

Εκτύπωση των Layers

Δημοσίευση από st3F0s » 04 Φεβ 2006 12:50

skeftomilos ευχαριστώ και πάλι για τη σημαντική βοηθειά σου.

Στο page setup π.χ. του ΙΕ υπάρχουν οι ενδείξεις:

Header
&w&bPage &p of &P (να μην εκτυπώνονται)

Fotter
&u&b&d

καθώς επίσης και ρυθμίσεις που αφορούν το orientation και margins

Μπορούμε όλα τα παραπάνω επίσης να τα διαχειριστούμε με css code, ώστε να έχουμε το επιθυμητό αποτέλεσμα κατά την εκτύπωση (που είναι και το κύριο πρόβλημα στην περίπτωσή μου) και να μην απαιτείται η παρέμβαση του χρήστη για την ρυθμισή τους σε κάθε Η/Υ;

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Εκτύπωση των Layers

Δημοσίευση από cherouvim » 04 Φεβ 2006 12:56

Afta einai browser oriented pragmata kai oudemia shesi exoun me ta cascading style sheets.

To pio eksoteriko margin tis selidas sou pou mporeis na rithmiseis einai afto tou element html.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Εκτύπωση των Layers

Δημοσίευση από skeftomilos » 04 Φεβ 2006 15:11

Αν θέλεις κάτι να μην εκτυπώνεται (π.χ. τα inputs):

Κώδικας: Επιλογή όλων

<style type="text/css" media="print">
  input &#123; display&#58; none; &#125;
</style>
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες