حذف هدر و فوتر در پرینت صفحات وب

baran17862 · Oct 10, 2015

با سلام
برای حذف هدر و فوتر در پرینت صفحات وب از کد css زیر استفاده می شود (گفتن همینه)

CSS Code:

header , footer {
display: none;
}

ولی من استفاده می کنم کار نمیکنه
لطفا راهنمایی کنید که چکار کنم

خیلی گیر کردم

کمک....................

FOR8D · Oct 10, 2015

درود

برای داشتن یک صفحه مناسب برای چاپ می بایستی از مدیا ها در سی اس اس استفاده برد.

نمونه کد برای حذف header و footer

کد:

@media print {
    header , footer {
    display: none;
    }
}

کد بالا زمانی درست کار خواهد کرد که تگ های هدر و فوتر در صفحه استفاده شده باشند.

مثال:

کد:

<header>...</header>
    ....
<footer>...</footer>

موفق باشید.

baran17862 · Oct 11, 2015

FOR8D گفت:
کد بالا زمانی درست کار خواهد کرد که تگ های هدر و فوتر در صفحه استفاده شده باشند.

مثال:

کد:

<header>...</header> .... <footer>...</footer>

موفق باشید.

با تشکر از شما دوست عزیز

بله حق با شماست و تگ ها باید به همین صورت باشن...

حالا منظور من اینه که اون نام صفحه و آدرس و تاریخ که هنگام پرینت تو قسمت بالا و پایین صفحه میاد را چطوری می تونم حذف کنم ؟ با css

FOR8D · Oct 11, 2015

درود بر شما

محتوای هر تگی که مایل میباشید در چاپ نشان داده نشود را در مدیا قرار بدید و خاصیت dispaly برابر با none قرار دهید.

مثال :

کد:

@media print {
    header , footer {
        display: none;
    }

    h1,h2,h3,h4,h5,h6 {
        display: none;
    }
}

توجه داشته باشید اگر تایتل شما در بین تگ های هدینگ باشد, با اضافه کردن کد بالا, تایتل شما در صفحه چاپ نمایش داده نخواهد شد.

موفق باشید.

baran17862 · Oct 11, 2015

قبلا این کار را انجام دادم با همین کد

متاسفانه کار نمیکنه

نمیدونم چرا ....!!!

به نظرتون باید چکار کنم ؟

البته بگم که فقط قسمت هدر و فوتر کار نمیکنه....