CSS กับการ print เวป

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ภาพประจำตัวสมาชิก
abang
PHP Jr. Member
PHP Jr. Member
โพสต์: 13
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am

CSS กับการ print เวป

โพสต์ที่ยังไม่ได้อ่าน โดย abang »

คือหนูโหลด ไฟล์ CSS มาค่ะ แล้ว ก็ สร้างเวป จากนี้โดย อาศัย class มาจากไฟล์ แต่ว่ามีปัญหาตรงที่เวลา เรา สั่ง print เวปที่เราสร้าง
ทำไมมันไม่เหมือน กับในเวป คะ ตาราง ที่มี สี ก็ ไม่มี แถม เป็น สีขาว เฉย เลย เมื่อเทียบกับในเวป หนูเขียน php ค่ะ ต้องแก้ ยังไง




CSS ไฟล์

.tdday { font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #00FFFF;
font-weight: normal;
font-size: 13px;
width: 28px;
line-height: 20px;
color: #000000;
vertical-align: middle;
text-align: center;
}

.start{ font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #00FF00;
font-weight: normal;
font-size: 11px;
width: ;
line-height: 15px;
color: #ffffff;
vertical-align: middle;
text-align: center;

}
.reserve{ font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FF99CC;
font-weight: normal;
font-size: 11px;
width: ;
line-height: 15px;
color: #ffffff;
vertical-align: middle;
text-align: center;



}
.delay { font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFCC33;
font-weight: normal;
font-size: 11px;
width: ;
line-height: 15px;
color: #ffffff;
vertical-align: middle;
text-align: center;
}

.tdtoday { font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #E8FA9E;
font-weight: bold;
font-size: 15px;
line-height: 16px;
width: 26px;
color: #FF6600;
vertical-align: middle;
text-align: center;
}

.tdheading { font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #a0a0a0;
font-weight: bold;
font-size: 10px;
line-height: 20px;
color: #ffffff;
vertical-align: middle;
text-align: center;
}
.tddate { font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #00FFFF;
font-weight: normal;
font-size: 12px;
line-height: 16px;
width: 75px;
color: #000000;
vertical-align: middle;
text-align: center;
}
.tdtester { border: #a0a0a0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFCC;
font-weight: normal;
font-size: 15px;
line-height: 16px;
width: 75px;
color: #000000;
vertical-align: middle;
text-align: center;
}
.treven{
background-color: #EAFDFF;
}
.trodd{
background-color: #FFFFFF;
}

.botton{ border-bottom: 2px solid #6699CC;
font-size: 12px;

}
BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #444444; FONT-FAMILY: tahoma
}
TD {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #444444; FONT-FAMILY: tahoma
}
TH {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #444444; FONT-FAMILY: tahoma
}
TD.minitext {
FONT-SIZE: 11px
}
TD.logo {
FONT-SIZE: 9px
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A {
COLOR: #5d5d5d; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
A:hover {
COLOR: #fb8639
}
.keyw {
FONT-SIZE: 1px; COLOR: white
}
TD.headmenu {
FONT-SIZE: 11px; VERTICAL-ALIGN: middle; HEIGHT: 25px
}
TD.leftmenu {
FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; COLOR: #444444; HEIGHT: 25px
}
TD.leftmenu A {
COLOR: #444444; TEXT-DECORATION: none
}
TD.leftmenu A:hover {
COLOR: #ff9933; TEXT-DECORATION: none
}
TD.line_ {
BACKGROUND-IMAGE: url(img/dot_line.gif); HEIGHT: 1px
}
TD.linel {
BACKGROUND-IMAGE: url(img/dot_linel.gif); WIDTH: 1px
}
.btn {
BORDER-RIGHT: #e8e8e8 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #e8e8e8 1px solid; PADDING-LEFT: 1em; FONT-WEIGHT: bold; FONT-SIZE: 100%; BACKGROUND: url(img/btnbg.gif); PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; OVERFLOW: visible; BORDER-LEFT: #e8e8e8 1px solid; COLOR: white; MARGIN-RIGHT: 0.2em; PADDING-TOP: 0px; BORDER-BOTTOM: #e8e8e8 1px solid; HEIGHT: 1.8em; TEXT-ALIGN: center; min-width: 7em
}
TD.barhead {
FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(img/barbg.gif)
}
TD.footer {
FONT-SIZE: 9px; COLOR: #9a9a9a; TEXT-ALIGN: center
}
TD.hosting {
FONT-SIZE: 9px; COLOR: #9a9a9a; TEXT-ALIGN: center
}
TD.downloadhead {
FONT-WEIGHT: bold; FONT-SIZE: 1.6em; VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}
TD.download2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; PADDING-TOP: 3px; TEXT-ALIGN: left
}
TD.download2h {
FONT-WEIGHT: bold; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}
#container {

}

TABLE TD {
VERTICAL-ALIGN: top
}
TABLE.flat {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 99%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
TABLE.flat TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
TABLE.main {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px; WIDTH: 99%; PADDING-TOP: 4px
}
TABLE.main TD {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
TABLE.cells {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 99%; PADDING-TOP: 0px
}
TABLE.cells TD {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; BACKGROUND-COLOR: #f7f7f7
}
TABLE.list {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 99%; PADDING-TOP: 5px
}
TABLE.list TD {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; PADDING-TOP: 12px
}
.disp {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; MARGIN: 0px; PADDING-TOP: 12px
}

FORM {
MARGIN: 0px
}


H1 {
FONT-SIZE: 16px
}
H2 {
FONT-SIZE: 10px
}
H3 {
FONT-SIZE: 10px; MARGIN: 1em 1em 1em 0px
}
H4 {
FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 1.5em 1em 1em 0px
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41356
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ได้กำหนด ให้ css ที่เขียน คุมการแสดงผลตอน print ยังครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
abang
PHP Jr. Member
PHP Jr. Member
โพสต์: 13
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am

โพสต์ที่ยังไม่ได้อ่าน โดย abang »

คือ CSS ที่เอามาเป็น ของฟรีค่ะ ก็เลยไม่รู้จะเขียน ควบคุม ยังไง ช่วยบอกที ค่ะ เพราะว่าต้องเอาไปใช้ งาน จริง ๆ เพราะว่าต้อง print ตารางการทำงานด้วย ค่ะ
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41356
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

แนะนำให้ ศึกษา css ที่เว็บ w3 เลยครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
tiamkeaw
PHP Sr. Member
PHP Sr. Member
โพสต์: 81
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am

โพสต์ที่ยังไม่ได้อ่าน โดย tiamkeaw »

เพิ่มบรรทัดนี้ในส่วน head
<link rel="stylesheet" type="text/css" YOUR-CSS" media="print" />
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 89