ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ
ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ
คือผมลองเอาไปรันดูแล้วปกติครับ แต่จะถามว่าถ้าผมปรับขนาด width=200 แล้วปรับขนาดตาราง=200 (ตารางใช้ dreamweaver) โดยตั้งให้พอดีกับขนาดของปุ่มที่ตั้งไว้แล้วใน css ครับแต่ปรากฏว่าเมื่อปรับตารางของ dream ให้พอดีกัน มันปรากฏเมนูย่อยมาแต่คลิกไม่ได้ แล้วก็โดนรูปภาพด้านข้างบังด้วย ลองแก้ปันหาคือปรับตารางใน dream ให้มากกว่าค่า width=200 ไปเท่าตัว วิธีนี้ใช้ได้ครับ แต่มีวิธีการอื่นๆโดยไม่ต้องปรับขนาดตารางใน dream ได้หรือเปล่าครับ
ความคิดเห็นที่ 1
ปัญหาน่าจะไม่ได้อยู่ที่ตาราง น่าจะอยู่ เมนู ที่จริงตัวอย่างในเว็บอาจจะยังไม่สมบูรณ์
กรณีมีรูปภาพบังอยู่ ลองใช้วิธีกำหนด postion และ z-index ให้กับ
ul.v_menu > li:hover > ul{
กำหนดเป็น
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 ศึกษาจากลิ้งค์ข้างล่าง
