Anan
Sat 30 Sep 2006 19:56:39
Sat 30 Sep 2006 19:56:39
สวัสดีครับ
ขอคำแนะนำเกี่ยวกับเรื่องการ link ข้อมูลครับ
ผมเขียนโปรแกรมดังนี้ครับ
<tr><td><font color="#8B0000" face="verdana" size="1">
<a href=index_agri.php>Agricultural Products Com.</a></font></td></tr>
ซึ่งตัวอักษร Agricultural Products Com. ซึ่งจะเป็นตัว click link นั้น จะเป็นตัวหนังสือสีน้ำเงิน และมีเส้นใต้ขีดด้วยครับ
ถ้าผมไม่ต้องการให้ Agricultural Products Com. เป็นตัวอักษรที่ไม่แตกต่างจากตัวอักษรอื่นได้แก่ <font color="#8B0000" face="verdana" size="1" > และไม่การขีดเส้นใต้ด้วยนั้น จะทำได้อย่างไรครับ
ขอคำแนะนำด้วยครับ
อนันต์
ต้องใช้งาน stylesheet ช่วยครับ โดยการสร้าง class ไว้ใช้งานครับ ลองเอาโค๊ดนี้ไปทดลองดูครับ
<html>
<head>
<title>Test CSS Class</title>
<style type="text/css">
.link1 {
color: #8B0000;
font-family: verdana;
font-size: 10px;
}
</style>
</head>
<body>
<a href=".">Link without stylesheet</a>
<a href="." class="link1">Link with stylesheet</a>
</body>
</html>
เป็นการใช้งาน StyleSheet แบบง่ายๆครับ จะเห็นว่ามีการอ้างถึง class ที่สร้างไว้ใน tag head ที่ชื่อว่า link1 การใช้งานก็ใช้งานผ่าน attribute class ในแต่ละ object ที่ต้องการครับ เช่นในที่นี้ต้องการใช้กับลิงค์นั้นคือ tag <a> ครับ
<html>
<head>
<title>Test CSS Class</title>
<style type="text/css">
.link1 {
color: #8B0000;
font-family: verdana;
font-size: 10px;
}
</style>
</head>
<body>
<a href=".">Link without stylesheet</a>
<a href="." class="link1">Link with stylesheet</a>
</body>
</html>
เป็นการใช้งาน StyleSheet แบบง่ายๆครับ จะเห็นว่ามีการอ้างถึง class ที่สร้างไว้ใน tag head ที่ชื่อว่า link1 การใช้งานก็ใช้งานผ่าน attribute class ในแต่ละ object ที่ต้องการครับ เช่นในที่นี้ต้องการใช้กับลิงค์นั้นคือ tag <a> ครับ
Anan
Sun 1 Oct 2006 06:51:59
Sun 1 Oct 2006 06:51:59
สวัสดี และขอบคุณครับ
ใช้ได้ผลครับ แต่ยังมีขีดเส้นใต้ตัวที่ link อยู่เลยครับ จะเอาที่ขีดเส้นใต้ออก ต้องทำอย่างไรครับ
ช่วยแนะนำด้วยครับ
อนันต์
อ่อ ลืมไปครับ ถ้าจะใช้งานตกแต่งเกี่ยวกับเส้นนั้นใช้ attribute text-decoration เช่น
<style type="text/css">
.link1 {
color: #8B0000;
font-family: verdana;
font-size: 10px;
text-decoration: none;
}
</style>
ค่าที่สามารถเป็นไปได้คือ
none หมายถึงไม่มีเส้น
underline หมายถึงให้มีเส้น
line-through หมายถึงมีเส้นขีดฆ่า
overline หมายถึงมีด้านบน
blink หมายถึงตัวอักษรกระพริบ
<style type="text/css">
.link1 {
color: #8B0000;
font-family: verdana;
font-size: 10px;
text-decoration: none;
}
</style>
ค่าที่สามารถเป็นไปได้คือ
none หมายถึงไม่มีเส้น
underline หมายถึงให้มีเส้น
line-through หมายถึงมีเส้นขีดฆ่า
overline หมายถึงมีด้านบน
blink หมายถึงตัวอักษรกระพริบ
Anan
Sun 1 Oct 2006 21:39:28
Sun 1 Oct 2006 21:39:28
ขอบคุณครับ ที่กรุณาแนะนำ
ทำได้แล้วครับ
