ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ
ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ
คือผมลองเอาไปรันดูแล้วปกติครับ แต่จะถามว่าถ้าผมปรับขนาด width=200 แล้วปรับขนาดตาราง=200 (ตารางใช้ dreamweaver) โดยตั้งให้พอดีกับขนาดของปุ่มที่ตั้งไว้แล้วใน css ครับแต่ปรากฏว่าเมื่อปรับตารางของ dream ให้พอดีกัน มันปรากฏเมนูย่อยมาแต่คลิกไม่ได้ แล้วก็โดนรูปภาพด้านข้างบังด้วย ลองแก้ปันหาคือปรับตารางใน dream ให้มากกว่าค่า width=200 ไปเท่าตัว วิธีนี้ใช้ได้ครับ แต่มีวิธีการอื่นๆโดยไม่ต้องปรับขนาดตารางใน dream ได้หรือเปล่าครับ

คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
ความคิดเห็นที่
1
ปัญหาน่าจะไม่ได้อยู่ที่ตาราง น่าจะอยู่ เมนู ที่จริงตัวอย่างในเว็บอาจจะยังไม่สมบูรณ์
กรณีมีรูปภาพบังอยู่ ลองใช้วิธีกำหนด postion และ z-index ให้กับ
ul.v_menu > li:hover > ul{
กำหนดเป็น
1 2 3 4 5 6 7 8 9 10 11 | ul.v_menu > li:hover > ul{ display : block ; list-style : none ; margin : 0px ; margin-top : -21px ; margin-left : 200px ; padding : 0px ; width : 200px ; position : relative ; z-index : 100 ; } |
โดย z-index ใช้เหมือนกับกำหนดของที่ซ้อนทับกันว่าให้อยู่ด้าน บน หรือล่าง หรือที่เรียกว่าตำแหน่งในแนวแกน z โดยค่ายิ่งมาก ก็จะอยู่ด้านบน
แต่คุณสมบัติ z-index จะใช้ได้ก็ต่อเมื่อเรากำหนด position เป็น relative , absolute หรือ fixed
เพิ่มเติมความเข้าใจเกี่ยวกับ การกำหนด position ศึกษาจากลิ้งค์ข้างล่าง

ขอบคุณทุกการสนับสนุน
![]()