प्रिंट

प्रिंट के लिए सीएसएस का उपयोग कर पेज हेडर और पाद लेख बनाना I फ्लाइंग सॉसर (जो सीएसएस/एचटीएमएल को पीडीएफ में आईटीक्स्ट में डंप करता है) का उपयोग कर पीडीएफ बना रहा है और मैं एक छवि शीर्षलेख और पाद लेख को लागू करने के लिए CSS3 का उपयोग करने की कोशिश कर रहा हूं प्रत्येक पृष्ठ।प्रिंट

<div id="pageHeader"> 
    <img src="..." width="250" height="25"/> 
</div>

मेरे सीएसएस इस तरह कुछ हद तक दिखता है::

मैं अनिवार्य रूप से प्रत्येक पृष्ठ के शीर्ष बाईं ओर स्थित इस div डालना चाहते हैं,

@page { 
    size: 8.5in 11in; 
    margin: 0.5in; 

    @top-left { 
     content: "Hello"; 
    } 
}

वहाँ मुझे डाल करने के लिए के लिए एक रास्ता है content में यह div?

स्रोत

2012-03-15 Naftuli Kay

प्रत्येक पृष्ठ के शीर्ष करने के लिए एक तत्व लाना:

@page { 
    @top-center { 
    content: element(pageHeader); 
    } 
} 
#pageHeader{ 
    position: running(pageHeader); 
}

देखें (फ्लाइंग सॉसर में काम करता है) http://www.w3.org/TR/css3-gcpm/#running-elements

स्रोत

2012-03-16 18:02:06 Adam

वाह परिभाषित करने के लिए आवश्यक हो मैं इस जल्दी में जाना जाता है |, मैं इसे कम पूरा तरीके से करना 'पृष्ठभूमि image' लड़ रहा हूँ। बहुत बहुत धन्यवाद! –

मैं इसे अपनाने की कोशिश कर रहा हूं लेकिन क्रोम में किसी कारण से हेडर केवल पहले पृष्ठ पर मुद्रित है, और केवल अंतिम पृष्ठ पर पाद लेख है। फ़ायरफ़ॉक्स में यह पूरी तरह टूटा हुआ है। –

क्या यह फ़ायरफ़ॉक्स या क्रोम में काम करता है? मैंने दोनों की कोशिश की, लेकिन यह मेरे लिए काम नहीं करता है:/ – Jaro

दोनों शीर्ष लेख और पाद लेख पृष्ठों पर शामिल करने के लिए (@ से उत्कृष्ट जवाब पर व्याख्या एडम):

<style> 
@page { 

    margin: 100px 25px; 
    size: letter portrait; 

    @top-left { 
     content: element(pageHeader); 
    } 

    @bottom-left { 
     content: element(pageFooter); 
    } 
} 

#pageHeader{ 
    position: running(pageHeader); 
} 

#pageFooter{ 
    position: running(pageFooter); 
} 

</style> 
<body> 
    <header id="pageHeader">something from above</header> 
    <footer id="pageFooter">lurking below</footer> 

    <div>meaningful rambling...</div> 
</body>

नोट: आदेश में पाद लेख हर पृष्ठ भी हो पर दोहराने के लिए के लिए इच्छा है, यह से पहले शरीर के अन्य सामग्री (बहु पृष्ठ की सामग्री के लिए)

स्रोत

2017-11-29 22:08:39 zeffren

प्रिंट

उत्तर

संबंधित मुद्दे