ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ

ถามเรื่อง css ทำปุ่มเมนูสองชั้นแนวตั้งครับ

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



Zealot13 15-02-2010 23:10:12

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 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 ศึกษาจากลิ้งค์ข้างล่าง
 
 


ninenik 16-02-2010






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ