About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖

Go to Post-iT Sign Guestbook

ค้นหาข้อมูลใน DwThai.Com

Link นี้ไม่ขีดเส้นใต้ (Underline Style) [Article ID : 48]

เรื่อง : สร้าง Text Link ไม่ให้มีเส้นใต้

เห็นมีผู้สอบถามมาหลาย ๆ ท่านว่าทำอย่างไรให้ Link ซึ่งเป็น Text หรือลักษณะข้อความตัวอักษรไม่ให้มีการขีดเส้นใต้ ?
ก็ตอบไปพอสมควรครับ แต่ปัจจุบันไม่อยากตอบละ เพราะมันยาวกับขั้นตอนเหลือเกิน เลยถือโอกาสหยิบยกมาเขียนเป็นบทความนี้ครับ... *จากรูป เมื่อเราสร้าง Link เป็นลักษณะข้อความ ข้อความที่เป็นลิงค์จะมีการขีดเส้นใต้เสมอ

วิธีการทำให้ลิงค์บนเว็บเพจไม่แสดงเส้นใต้

เปิดเว็บเพจของเราขึ้นมากับโปรแกรม Dreamweaver จากนัั้นทำการกำหนดค่า ดังนี้

1. เปิดหน้าต่าง Page Properties ขึ้นมา โดยไปที่ ปุ่ม Page Properties ที่ Properties Panel ดังรูป

2. จากนั้นทำการเลือกไปที่ Links (CSS)
3. ด้านขวามือในส่วนของ Option ต่าง ๆ ให้เลือกไปที่ Underline Style -> Never underline ดังรูป

4. จากนั้นกดที่ปุ่ม OK ของหน้าต่าง Page Properties จะพบว่าลิงค์ไม่มีการแสดงแบบมีการขีดเส้นใต้ที่ข้อความแล้ว

จากขั้นตอนที่ผ่านมา จริง ๆ แล้ว เป็นการกำหนดคุณสมบัติของ Link โดยใช้ CSS หากเราเปิดไปที่ Code จะพบ CSS ในการกำหนดคุณสมบัติลิงค์บนหน้าเว็บเพจ ดังรูป

About the Author

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com

บทความอื่นที่คุณอาจสนใจ

การ Import ข้อมูล MS Word มาใช้ทำเว็บกับโปรแกรม Dreamweaver

เรื่อง : การ Import ข้อมูลจากไฟล์ MS Word มาใช้งานกับโปรแกรม Dreamweaver หลายครั้งผู้ที่มีหน้าที่จัดทำ Website ต้องมีการรับ...

เปิดใช้งานไม้บรทัด (Rulers) และเส้น Guides Line ไว้ใช้กะระยะแนวเส้น

เรื่อง : เปิดใช้งานไม้บรทัด (Rulers) และเส้น Guides Line ไว้ใช้กะระยะแนวเส้น ในการออกแบบเว็บเพจ บางครั้งเราจำเป็นต้อง...

ทำสไลด์โชว์ (Slideshow) แสดงรูปภาพประกอบข่าว โดยใช้ข้อมูลจาก Database

เรื่อง : วิธีการสร้างรูปภาพแบบ Slideshow โดยใช้ข้อมูลจาก Database ผู้อ่านหลายท่านอาจจะเคยเข้าเว็บสำนั...

สร้างโปรแกรมอ่าน RSS ด้วย Dreamweaver ตอนที่ 1

เรื่อง : วิธีการสร้างโปรแกรมอ่าน RSS/XML ด้วย Dreamweaver ตอนที่ 1 RSS (Really Simple Syndication/Rich...