وحید
3 سال پیش توسط وحید مطرح شد
3 پاسخ

tfoot در جدول

چگونه میتوان tfoot را در پایین صفحه قرار داد


ثبت پرسش جدید
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
2

یک المنت ایجاد کنید و محتوای مورد نظرتون رو برای فوتر داخلش بنویسید.
بعد با css استایل دهیش کنید و بهش position از نوع fixed بدید وبا استفاده از media query ها در حالت نمایش صفحه نمایش مخفیش کنید و فقط موقع پرینت نمایش داده بشه.

مثلا اینجوری:

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

<style>
@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}
</style>

Yasin
تخصص : Laravel
@yasinFaraji 3 سال پیش آپدیت شد
0

دقیقا منظورتو متوجه نشدم ولی اگه منظورت اینه واسه همه صفحه فوتر درست کنی بهتره از flexbox استفاده کنی

https://roocket.ir/articles/how-to-create-a-sticky-website-footer-in-5-different-ways


وحید
@vahid.vb90 3 سال پیش مطرح شد
0

سلام
بیشتر منظورم در زمان پرینت بود که فوتر در هر صفحه پایین قرار بگیره


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
2

یک المنت ایجاد کنید و محتوای مورد نظرتون رو برای فوتر داخلش بنویسید.
بعد با css استایل دهیش کنید و بهش position از نوع fixed بدید وبا استفاده از media query ها در حالت نمایش صفحه نمایش مخفیش کنید و فقط موقع پرینت نمایش داده بشه.

مثلا اینجوری:

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

<style>
@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}
</style>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام