CSS กับการ print เวป

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

Moderator: phpbb, mindphp

ตอบกลับโพส
abang
phpBBThailand Jr. Member
phpBBThailand Jr. Member
โพสต์: 13
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00

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
phpBBThailand VIP Members
phpBBThailand VIP Members
โพสต์: 2269
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00
ติดต่อ:

โพสต์ โดย mindphp »

ได้กำหนด ให้ css ที่เขียน คุมการแสดงผลตอน print ยังครับ
สร้างไฟล์ pdf online
ท่องเที่ยว http://www.thailandhotelforums.com/" onclick="window.open(this.href);return false;
สอน php http://www.mindphp.com/" onclick="window.open(this.href);return false;
abang
phpBBThailand Jr. Member
phpBBThailand Jr. Member
โพสต์: 13
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00

โพสต์ โดย abang »

คือ CSS ที่เอามาเป็น ของฟรีค่ะ ก็เลยไม่รู้จะเขียน ควบคุม ยังไง ช่วยบอกที ค่ะ เพราะว่าต้องเอาไปใช้ งาน จริง ๆ เพราะว่าต้อง print ตารางการทำงานด้วย ค่ะ
mindphp
phpBBThailand VIP Members
phpBBThailand VIP Members
โพสต์: 2269
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00
ติดต่อ:

โพสต์ โดย mindphp »

แนะนำให้ ศึกษา css ที่เว็บ w3 เลยครับ
สร้างไฟล์ pdf online
ท่องเที่ยว http://www.thailandhotelforums.com/" onclick="window.open(this.href);return false;
สอน php http://www.mindphp.com/" onclick="window.open(this.href);return false;
tiamkeaw
phpBBThailand Newbie
phpBBThailand Newbie
โพสต์: 7
ลงทะเบียนเมื่อ: 01 ม.ค. 1970, 07:00

โพสต์ โดย tiamkeaw »

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

ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 78 และ บุคคลทั่วไป 0 ท่าน