PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

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



โดย:  Zealot13 IP: 115.67.163.xxx วันที่: 15-02-2010 เวลา: 23:10:12

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 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 ศึกษาจากลิ้งค์ข้างล่าง
 
http://www.ninenik.com/รู้จัก_property_position_ของ_css_ให้มากขึ้น_ด้วย_ตัวอย่าง_และคำอธิบาย-251.html
 


โดย:  Ninenik IP: 124.120.172.xxx วันที่: 16-02-2010