
วิธีตรวจสอบ เมื่อพื้นที่หน้าเว็บไซต์มีความกว้าง หรือยาวไม่ได้ขนาด สมาชิก ReadyPlanet คงเคยมีปัญหาเรื่องความกว้าง หรือความยาวของหน้าเว็บไซต์ไม่ได้ขนาด ทำให้เว็บไซต์ดูผิดส่วนไม่สวยงาม ซึ่งปัญหาดังกล่าวมีสาเหตุมาจากสองสิ่ง คือ
1. รูปภาพที่ใส่มีขนาดใหญ่เกินไป ยิ่งถ้าหากสีของพื้นหลังเป็นคนละสีกับพื้นที่ส่วนบทความแล้วละก็ จะสามารถมองเห็นได้ชัดเจนมาก
![]() หน้าเว็บไซต์ที่มีขนาดภาพใหญ่เกินไป ทำให้สัดส่วนล้นออกมานอกกรอบ
โดยข้อที่ 1 เราสามารถแก้ไขได้โดยทำการ Resize ขนาดของภาพให้เล็กลง ให้พอดีกับขนาดพื้นที่ในเว็บไซต์ จะช่วยให้สัดส่วนกลับมาเข้าที่ได้
![]() หน้าเว็บไซต์ที่ทำการลดขนาดภาพให้พอดีแล้ว 2. ความห่างระหว่างคอลัมน์มากเกินไป หรือเกิดพื้นที่ว่างในคอลัมน์ จนดูไม่สวยงาม
![]() หน้าเว็บไซต์ที่มีพื้นที่ว่างมากเกินไป
สาเหตุในข้อ 2 สมาชิกหลาย ๆ ท่านไม่รู้ตัวมาก่อนว่าทำไมจึงเกิดพื้นที่ว่างขึ้นมาได้ เราสามารถตรวจสอบได้โดยการนำเม้าส์ลากไปคลุมพื้นที่นั้นๆ จะพบว่ามีขีดสีน้ำเงินอยู่ตรงพื้นที่ว่าง ดังภาพตัวอย่าง ซึ่งเกิดจาก space หรือพื้นที่ว่างจากการเคาะแป้นพิมพ์ หรือการ Enter เพื่อขึ้นบรรทัดใหม่นั่นเอง ![]() ใช้เม้าส์ลากคลุมเพื่อตรวจสอบ
เราแก้ไขได้โดยการกลับเข้าไปเคาะแป้น Back Space กลับเข้าไปจนพอดีกับข้อความ จะทำให้ช่องว่างนั้นหายไปได้ดังนี้ค่ะ
![]() คอลัมน์ที่แก้ไขพื้นที่ว่างออกไปแล้ว |
จัดการเว็บไซต์