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

Registered : 107,296

HOME > PHP > PHP Forum > เวลาเอาเมาส์ไปวางอยากให้เมนูย่อยขึ้นไปด้านบนแทนยังไงครับ





 

เวลาเอาเมาส์ไปวางอยากให้เมนูย่อยขึ้นไปด้านบนแทนยังไงครับ

 



Topic : 122720



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



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




a
จากที่พอเอาเมาส์วางแล้วมีเมนูย่อยลงมาข้างล่าง


a
อยากจะเปลี่ยนให้เมนูย่อยขึ้นไปข้างบนแทนครับ

ขอบคุณมากครับ



Tag : PHP, HTML/CSS







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-05-02 16:02:46 By : insawasd View : 336 Reply : 3
 

 

No. 1

Guest


เท่าที่ท่องเว็บมาก็ไม่เคยเห็นตัวไหนขั้นข้างบนนะ มันฟื้นธรรมชาติ แต่ถ้าจะแก้ก็คงดูใน CSS ตรง hover ว่ามันกำหนดค่าไว้แบบไหน ก็ลองเปลี่ยนดู ไม่ให้อะไรมาเลย เลยไม่รู้จะต่อยังไง






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 16:35:01 By : Kin-Kee
 


 

No. 2



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



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


Code (PHP)
<style type="text/css">     
ul.v_menu{ /* กำหนดขอบเขตของเมนู */    
    list-style:none;     
    margin:0px;     
    padding:0px;     
    width:180px;     
    font-family:tahoma, "Microsoft Sans Serif", Vanessa;     
    font-size:12px;     
}     
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */    
    display:block;     
    height:20px;     
    text-indent:5px;     
    background-color:#339900;     
    border:1px #FFFFFF inset;     
}     
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */    
    display:block;     
    height:20px;     
    text-indent:5px;     
    background-color:#FFCC00;     
    border:1px #FFFFFF inset;     
}     
ul.v_menu > li > a,ul.v_menu > li:hover > ul > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */    
    text-decoration:none;     
    color:#FFFFFF;     
    line-height:20px;     
}    
ul.v_menu > li > ul{  
    display:none;  
    list-style:none;     
    margin-left:180px;   
    padding:0px;     
    width:180px;   
}   
ul.v_menu > li:hover > ul{  
    display:block;  
    list-style:none;     
    margin:0px;  
    margin-top:-21px;  
    margin-left:179px;   
    padding:0px;     
    width:180px;   
}   
ul.v_menu > li:hover > ul > li{ /* กำหนดรูปแบบให้กับเมนูย่อย */  
    display:block;     
    height:20px;     
    text-indent:5px;     
    background-color:#FFCC00;     
    border:1px #FFFFFF inset;     
}     
ul.v_menu > li:hover > ul > li:hover{ /* กำหนดรูปแบบให้กับเมนูย่อยเมื่อเมาส์อยู่เหนือ */  
    display:block;     
    height:20px;     
    text-indent:5px;     
    background-color:#000000;     
    border:1px #FFFFFF inset;     
}     
</style>


Code (PHP)
<ul class="v_menu">    
    <li><a href="#">Link menu item 1</a>  
        <ul>  
            <li><a href="#">Sub menu item 1</a></li>  
            <li><a href="#">Sub menu item 2</a></li>  
            <li><a href="#">Sub menu item 3</a></li>  
            <li><a href="#">Sub menu item 4</a></li>  
        </ul>  
    </li>       
    <li><a href="#">Link menu item 2</a></li>    
    <li><a href="#">Link menu item 3</a>  
        <ul>  
            <li><a href="#">Sub menu item 1</a></li>  
            <li><a href="#">Sub menu item 2</a></li>  
            <li><a href="#">Sub menu item 3</a></li>                              
        </ul>   
    </li>    
    <li><a href="#">Link menu item 4</a>  
        <ul>  
            <li><a href="#">Sub menu item 1</a></li>  
            <li><a href="#">Sub menu item 2</a></li>                          
        </ul>       
    </li>                
</ul>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 17:08:15 By : insawasd
 

 

No. 3

Guest


ไม่รู้เหมือนกัน แก้ตรง margin-top มั้ง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 17:59:36 By : Kin-Kee
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เวลาเอาเมาส์ไปวางอยากให้เมนูย่อยขึ้นไปด้านบนแทนยังไงครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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, รับทำเว็บไซต์ รับเขียนโปรแกรม

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