Mon 2 Oct 2006 21:33:10
สวัสดีครับและชอบคุณเป็นอย่างสูงที่กรุณาช่วยเหลือมาโดยตลอด
เกรงใจเป็นอย่างมากที่ส่งคำถามไปเป็นจำนวนมาก และกรุณาตอบทุกคำถามและชัดเจน ขอบคุณอีกครั้งครับ
สำหรับคำถามนี้ไม่ทราบว่าคุณจะตอบได้หรือเปล่า เพราะว่าไม่เห็นภาพ แต่พยายามจะอธิบายให้ชัดเจนที่สุด ดังนี้ครับ
- ผมเขียน file ชื่อ index_right.txt ดังนี้ครับ
<html>
<head>
<style type="text/css">
.link1 {
color: #8B4513;
font-family: verdana;
font-size: 20px;
text-decoration: none;
}
</style>
</head>
<body>
<br>
<table border=1 cellpadding=0 cellspacing=0 width=162>
<tr><td width=162>
<a href="./add/add_index.php" class="link1"><b>
<tr><td width=162>
<a href="./add/add_index.php" class="link1"><b>Add your company</b></a></td></tr>
<tr><td width=162>
<a href="./add/add_index.php" class="link1"><b>Member register</b></a></td></tr>
<tr><td width=162>
<a href="./add/add_index.php" class="link1"><b>Post buy and sell</b></a></td></tr>
<tr><td width=162>
<a href="./add/add_index.php" class="link1"><b>Contact us</b></a></td></tr>
</table>
</body>
</html>
พอนำไปรันในเว็บก็ไม่มีปัญหาอะไรครับ http://localhost/index_right.txt สามารถที่จะขยายขนาดของตัวหนังสือ โดยไปปรับเปลี่ยนที่ font-size:20px; หรือไปขยายขนาดของตารางก็ไปเปลี่ยนที่ width ได้เลย
- แต่พอนำ file นี้เข้ามาเป็นส่วนหนึ่งของ file ชื่อ index_index.php แล้วดังข้างล่างนี้
<html>
<body>
<?
require"index_head.txt";
?>
<table border=1 cellpadding=5 cellspacing=0 width=782>
<tr>
<td width=150 valign=top bgcolor="#FAEBD7">
<?
require"index_right.txt";
?>
</td>
<td width=370 valign=top>
<?
require"index_search.txt";
?>
</td>
<td width=200 valign=top>
<?
require"index_left.txt";
?>
</td>
</tr>
</table>
</body>
</html>
ผลปรากฏว่า
2.1 ไม่สามารถเปลี่ยนขนาดของตัวหนังสือได้ ขนาดผมเปลี่ยน font-size:300px แล้วขนาดของตัวหนังสือยังคงเท่ากับ 13px
2.2 ไม่สามารถเปลี่ยนขนาดของตารางเพื่อการจัดหน้าได้ครับ
จึงต้องรบกวนขอคำแนะนำด้วยครับ
อนันต์
Mon 2 Oct 2006 21:42:01
ปัญหานี้คิดว่าแก้ได้แล้วครับ ผมรอสักพักแล้วลอง refersh หน้าเว็บใหม่ ส่วนต่างๆของหน้าก็สามารถปรับมากขึ้นและน้อยลงตามที่ต้องการได้ในระดับหนึ่งแล้วครับ ส่วนตัวอักษรก็ยังคงขนาดเท่าเดิม ถึงแม้ว่าจะเพิ่มขนาดของตัวอักษรแล้วก็ตาม แต่ภาพรวมของหน้าเว็บออกมาก็พอรับได้ครับ
ขอบคุณครับ
ตามมาตรฐานของ HTML 4.01 คือ
1. มี tag HTML 1 คู่เปิดและปิดท้ายเอกสาร
2. มี tag HEAD 1 คู่เพื่อใช้แสดงหัวเอกสาร
3. มี tag BODY 1 คู่เพื่อใช้แสดงเนื้อหาของเอกสาร
การใข้งาน embed stylesheet นั้นจะต้องอยู่ในส่วนของ HEAD ของแต่ละเอกสาร ในกรณีที่ 1 จึงถูกต้องตามมาตรฐานครับ
เมื่อมีการ include เข้ามาในอีกเอกสารหนึ่งจึงมี HTML 2 คู่ HEAD 2 คู่ BODY 2 คู่ ซึ่งไม่ถูกต้องตามมาตรฐานครับ แต่ที่ยังแสดงผลได้นั้นเนื่องจากเป็นความยืดหยุ่นของ browser ครับ
ในกรณีแบบนี้เพื่อให้ถูกต้องตามมาตรฐานมี 2 ทางครับ
1. แก้ไขไฟล์ index_right.txt ให้มีเฉพาะ table เท่านั้น ไม่ต้องใส่ HTML, HEAD, BODY และเอา stylesheet ไปใส่ไว้ใน index_index.php เพื่อให้ได้การแสดงผลที่ถูกต้องครับ
2. ไม่ทำการ embed stylesheet ในเอกสารทั้งหมด โดยการแยก stylesheet ทั้งหมดไว้ในอีกเอกสาร แล้วทำการ referal link ไปยังเอกสาร stylesheet ที่ต้องการแทนครับ แต่ยังคงต้องเอา HTML, HEAD, BODY ใน index_right.txt ออกอยู่ครับ ลอง view source หน้าที่คุณอ่านนี้ก็ได้ครับเป็นตัวอย่างการใช้งาน referal link ไปยังเอกสาร .css ครับ
Tue 3 Oct 2006 00:08:33
ขอบคุณครับที่กรุณาแนะนำ ใช้ได้ผลแล้วครับ
ผมได้เอา HTML, HEAD, BODY ของ file ต่างๆ ออกไป และย้าย stylesheet ไปอยู่ที่ file หลักแล้ว ซึ่งสามารถขยายขนาดของตัวอักษรได้แล้วครับ
ผมได้ view source หน้าเว็บนี้แล้ว ความเข้าใจผม เข้าใจว่า ให้เราย้าย stylesheet ไปอยู่อีก file แล้ว link ไปยัง file นั้น แต่ยังมีข้อสงสัยดังนี้ครับ
1. embed stylesheet หมายถึงการรวมเอา stylesheet มารวมกันใช่ไหมครับ
2. file ที่เอา stylesheet ไปอยู่รวมกันนั้นต้องมีนามสกุล .css ใช่ไหมครับ
ผมคงต้องหาหนังสืออ่านในเรื่องนี้เพิ่มขึ้นแล้วครับ
อนันต์
ไฟล์ที่เอา stylesheet ไปเขียนไว้นั้นจะเป็นนามสกุลใดก็ได้ครับ แต่โดย default แล้ว DreamWeaver จะตั้งให้เป็น .css ครับ ในบางครั้งผมยังใช้เป็น .php หรือ .aspx แล้วแต่กรณีครับ สิ่งที่ต้องคำนึงถึงมีเพียง syntax ในตัวเอกสารนั้นต้องเป็นไปในรูปแบบของ stylesheet เท่านั้นครับ
Tue 3 Oct 2006 09:37:45
สวัสดีครับและขอขอบคุณสำหรับคำแนะนำครับ
ผมได้เขียนไฟล์ index_index.php ใหม่ดังนี้
<html>
<body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=tis-620" />
<link rel="stylesheet" href="stylesheet/webinterface.css" type="text/css" />
</head>
<body>
<?
require"index_head.txt";
?>
<table border=0 cellpadding=5 cellspacing=0 width=782>
<tr>
<td width="150" valign=top bgcolor="#FAEBD7">
<?
require"index_right.txt";
?>
</td>
<td width="632" valign=top>
<?
require"dir_agri.txt";
?>
</td>
</tr>
</table>
</body>
</html>
โดยผมได้ตั้ง folder ใหม่ชื่อว่า stylesheet แล้วสร้าง file ชื่อ webinterface.css
ซึ่งผมเข้าใจว่า <link rel="stylesheet" href="stylesheet/webinterface.css" type="text/css" />
ให้ link ไปยัง folder ชื่อ stylesheet ซึ่งใน folder นี้มี file ชื่อ webinterface.css
แต่ผลปรากฎว่า ไม่ได้ผล เนื่องจากตัวอักษรที่ link นั้น กลับมาเป็นสีน้ำเงินและมีขีดเส้นใต้
เข้าใจว่าผมเข้าใจผิด คงต้องรบกวนช่วยแนะนำด้วยครับ
อนันต์
Tue 3 Oct 2006 12:25:24
ขอบคุณครับ
file stylesheet ผมเขียนอย่างนี้ครับ
<style type="text/css">
.link1 {
color: #8B4513;
font-family: verdana;
font-size: 13px;
text-decoration: none;
}
</style>
อนันต์
.link1 {
color: #8B4513;
font-family: verdana;
font-size: 13px;
text-decoration: none;
}
เนื่องจากใน tag link นั้นเราได้ระบุ attribute type="text/css" อยู่แล้วครับจึงไม่ต้องระบุซ้ำใน stylesheet อีกครับ
Tue 3 Oct 2006 22:32:15
สวัสดีครับ และขอบคุณครับ ใช้ได้แล้วครับ
ขอบคุณอีกครั้งครับ
อนันต์
<meta http-equiv="Content-Type" content="text/html; charset=tis-620" />
<link rel="stylesheet" href="stylesheet/webinterface.css" type="text/css" />
ตรงนี้คุณไม่ต้องปิด tag ด้วย / ครับ ตามโค๊ดของผมเป็นการเขียนตามมาตรฐาน XHTML 1.0 transitional ซึ่งถ้าคุณเขียนตามมาตรฐาน HTML นั้นไม่ต้องมี / ปิด tag ครับ
