Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,358

HOME > PHP > PHP Forum > ทำเมนู css เมื่อเอาเมาส์วาง แล้วมีช่องว่างทำให้ เลื่อนมาแล้วหาย ปรับอย่างไงครับ



 

ทำเมนู css เมื่อเอาเมาส์วาง แล้วมีช่องว่างทำให้ เลื่อนมาแล้วหาย ปรับอย่างไงครับ

 



Topic : 118239



โพสกระทู้ ( 78 )
บทความ ( 0 )



สถานะออฟไลน์




etaswe

Code (PHP)
<style type="text/css">
ul.v_menu{position:relative;display:block;height:39px;font-size:13px;font-weight:bold;background:transparent url(images/bgOFF1.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #FF0000;}

ul.v_menu{ /* กำหนดขอบเขตของเมนู */  
          /* เพิ่ม */
	z-index: 20;
    position: relative;
	list-style:none;  
    margin:0px;  
    padding:0px;  
    font-family:Arial,Verdana,Helvitica,sans-serif;  
    font-size:14px;  
	font-weight:bold;
	/* background:#fff url(img/bgON1.gif) no-repeat top right; */ 
}  
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูหลัก */  
    
	display:block;  
    width:160px;  /* ช่องยาว */  
	/* width:auto; */  
    height:30px;  /* ช่องกร้าง */ 
    text-indent:5px;  
    /*background-color:#FFCC00;    สีช่อง */ 
    background:#fff url(img/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;
	border:1px #006633 inset;  
    float:left;  
    text-align:center;  
}  
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    z-index: 1; 
	display:block;      
	width:160px; 	
    height:30px;  
    text-indent:5px;  
    background-color:#FFFFCC;  
    border:2px #006633 inset;  
    float:left;  
    text-align:center;  
	font-size:12px;  
	font-weight:bold;  
}  
ul.v_menu > li > a,ul.v_menu > li > ul > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;  
    color:#333333;  /* สีตัวอักษร */ 
    line-height:20px;  
}  
ul.v_menu > li > ul{   
    display:none;  
    list-style:none;  
    margin:0px;  
    padding:0px;  
}  
ul.v_menu > li:hover > ul {   
    display:block;  
    width:160px;  
	
}     
ul.v_menu > li > ul > li{ /* กำหนดรูปแบบให้กับเมนูย่อย */  
    /* position:absolute; */
	z-index:2;   /* เพิ่ม */
	left:-999em;
	display:block;  
    width:160px;  
    height:30px;  
    text-indent:5px;  
    background-color:#0000FF;  
    border:1px #F4F4F4 solid;  
    float:left;  
    text-align:left;  
	
}  
ul.v_menu > li > ul > li:hover{ /* กำหนดรูปแบบให้กับเมนูย่อยเมื่อเมาส์อยู่เหนือ */  
    z-index: 3;   /* เพิ่ม */
	display:block;  
    width:160px;  
    height:30px;  
    text-indent:5px;  
    background-color:#0000FF;  /* สีพื้นหลังเมนูย่อ */ 
    border:1px #F4F4F4 solid;  
    float:left;  
    text-align:left;  

}  
</style>


แก้ตรงไหนครับ..



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-08-06 09:43:26 By : chayaphol View : 511 Reply : 3
 

 

No. 1



โพสกระทู้ ( 914 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_navbar






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-06-04 23:22:07 By : PhrayaDev
 


 

No. 2



โพสกระทู้ ( 3,857 )
บทความ ( 8 )



สถานะออฟไลน์


กระทู้มันหลายปีแล้ว ตอบไปแล้วใครเขาจะมาดูครับ? ส่วนใหญ่ก็ถามใหม่กันทั้งนั้น แม้จะเรื่องเดิมๆก็ตั้งถามกันใหม่แทบทั้งนั้นเลย ดังนั้นตอบของเก่ามากๆ ตอบไปก็ไม่มีปย.อะไร
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-06-05 08:22:47 By : mr.v
 

 

No. 3



โพสกระทู้ ( 914 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

ใครจะรู้ว่า ต่อไปไทยอาจจะมีหิมะตก ยุโรปจะแล้ง
ใครจะรู้ว่า คำว่า "หมา" ที่นำมาใช้ด่ากันในภาษาไทย อาจจะเป็นคำยกย่องสรรเสริญเหมือนในภาษาจีน
ใครจะรู้ว่า google bing yahoo baidu กับ ThaiCreate อะไรจะไปก่อนกัน
เมื่อปี พ.ศ. ๒๕๕๕ ใครจะคิดว่าในอีก ๘ ปีให้หลังจะมีคนอย่างผมมาปั่นกระทู้เล่นที่ ThaiCreate
ใครจะกล้าฟันธงว่าอีก ๑๐ ปี ข้างหน้า จะไม่มีใครเข้ามาเปิดอ่านกระทู้ที่เราๆ ท่านๆ ถามตอบกันในปี พ.ศ.๒๕๖๓
ฯลฯ

Quote:
ความแน่นอนคือความไม่แน่นอน


คนเราล้วนมี เกิด แก่ เจ็บ ตาย เป็น วัฏสงสาร
ตอนอยู่ร่ำรวย มั่งมีเงินทอง ครอบครองทรัพย์สิน พร้อมสมบัติพัสถาน เยี่ยงเศรษฐี
พอตายไปกลับนำสมบัติทั้งหลายเหล่านี้ไปด้วยไม่ได้
แม้แต่กายหยาบที่หลายคนยึดมั่นว่าเป็นของตนมาตั้งแต่เกิด
หลงเหลือไว้แต่เพียงขี้เถ้าให้ลูกหลานบรรจุกระดูกไว้บ้านเล็กที่ไม่มีใครได้พบเจอ
...แต่มีสิ่งเดียวที่อยู่อย่างอมตะ ติดตัวไปนิรันดร์...http://"กรรม" และ "ผลของกรรม"
กรรมคือ การกระทำหรือการเพียรสร้าง ผลของกรรมมีทั้งในนามและรูป
และหนึ่งในนั้นก็คือ ความรู้

Quote:
การศึกษาไม่มีคำว่าสาย องค์ความรู้ไม่มีวันตาย เพื่อนสนิทมิตรสหายไม่จีรัง การสร้างสรรค์ไม่จำกัดเวลา


Quote:
ทุกสรรพสิ่งมีเกิด ก็ต้องมีดับสูญ



ยาดีของนาย ก. ใช่ว่าจะดีสำหรับนาย ข.
ในความยุติธรรม ย่อมมีความลำเอียง
เงิน ๑๐ บาท ของนาง ค. อาจมีค่ามากกว่าเงินแสนล้านของ นาง ง.
ยาม้า เป็นประโยชน์สำหรับม้า ให้คุณอนันต์ แต่คน กลับทะลึ่งนำมาใช้
ซึ่งแรงมีไม่เท่าม้า สุดท้ายลงแดงตาย กลับกลายเป็นโทษมหันต์
เหล้ายามีไว้ชูกำลังและผ่อนคลาย รับเกินขนาดช่วยชาติคุมจำนวนประชากร
สุนัขหอนมีไว้แก้เหงา เมื่อไรซบเซาหดหู่ใจ

Quote:
ทุกสรรพสิ่งมีคุณ ก็ย่อมมีโทษ


Quote:
ในงานศิลปะมีหลากสีฉันใด ทุกสรรพสิ่งล้วนมีหลายด้านฉันนั้น

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-06-05 14:19:02 By : PhrayaDev
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ทำเมนู css เมื่อเอาเมาส์วาง แล้วมีช่องว่างทำให้ เลื่อนมาแล้วหาย ปรับอย่างไงครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่