About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

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

Go to Post-iT Sign Guestbook

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

การออกแบบเว็บเพจให้ชิดขอบของ Web Browser [Article ID : 3]

เรื่อง : วิธีทำให้ Web Page ชิดขอบของ Web Browser

หากการออกแบบ Web Page แล้วมีปัญหาในเรื่องของการแสดงผลว่า...ทำไมเว็บเพจไม่ชิดติดขอบของ Web Browser ดังในรูปตัวอย่างนี้

ลองดู Trick นี้กันครับ

การกำหนดค่า Page Properties ให้เว็บเพจชิดขอบ Web Browser

ทำการเปิดไฟล์เว็บเพจ หรือทำการ New File ขึ้นมาใหม่กับโปรแกรม Dreamweaver จากนั้น ให้ทำการกำหนดค่า ดังนี้

1. ที่เมนูบาร์เลือกที่ Modify จากนั้นให้ Click เลือกที่ Page Properties... (Menu -> Modify -> Page Properties...) ดังรูป

2. หลังจากเลือกแล้วจะปรากฎหน้าต่าง Page Properties ให้ทำการกำหนดค่าในส่วนของ Appearance (CSS) ดังรูป

ทำการกำหนดค่า ดังนี้
- Lef margin = 0
- Top margin = 0
- Right margin = 0
- Bottom margin = 0

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

เป็นอันจบการจัดหน้า Web Page ในส่วนนี้ครับ เมื่อมีการ Preview ดูผลกับ Web Browser จะแสดงเว็บเพจที่ชิดติดขอบของ Web Browser ดังรูป

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

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

การแก้ไขปัญหาการใช้งาน Layer กับ Flash File

เรื่อง : การแก้ไขปัญหาการใช้งาน Layer กับ Flash File หลายท่านอาจจะมีปัญหาเรื่องของ Layer หรือ PopUp-MENU ที่เมื่อนำเอาไปว...

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

เรื่อง : สร้างโปรแกรมอ่าน RSS/XML ด้วย Dreamweaver ตอนที่ 2 หลังจากในตอนที่ 1 ของบทความได้แนะนำกล่าวถึงการกำหนดค่าต่าง ๆ เพ...

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

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

สร้างโปรแกรม Guestbook ด้วย Dreamweaver + PHP + MySQL ตอนที่ 4 [จบ]

ในตอนที่ 3 ที่ผ่านมาเราได้ทำการสร้างตารางสำหรับการแสดงผลเตรียมรอไว้แล้ว มาในตอนที่ 4 นี้ เราจะมาทำการสร้างโปรแกรมสำหรับให้ผู้เยี่ย...