ช่วยด้วยครับการทำเมนูแนวนอนด้วย css มีปัญหาอ่ะครับ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ช่วยด้วยครับการทำเมนูแนวนอนด้วย css มีปัญหาอ่ะครับ
ช่วยด้วยครับการทำเมนูแนวนอนด้วย css มีปัญหาอ่ะครับ
อันเดิมที่ผมทำเป็นแนวนอนน่ะครับ ประมาณนี้
ส่วนโค๊ดเดิมของผม
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | ส่วน html <ul id= "navlist" > <li id= "active" ><a href= "home.php" id= "current" >HOME</a></li> <li ><a href= "about.php" >ABOUT US</a></li> <li><a href= "album.php?id=2" >WEDDING DRESSES</a></li> <!-- <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><a href= "promotion.php" >PACKAGES</a></li> <li><a href= "gallery.php" >GALLERY</a></li> <li><a href= "#" >WEBBOARD</a></li> <li><a href= "contact.php" >CONTACT US</a></li> <li><a href= "#" ><img src= "images/thai.jpg" border= "0" /></a></li> </ul> |
ส่วน css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | #navlist { margin: 0; font-family: Georgia; font-size: 90%; font-weight: bold; background-color:#FF3366; width:800px; padding-top: 10px; margin-right: auto; margin-left: auto; } #navlist ul, #navlist li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navlist a:link, #navlist a:visited { text-decoration: none; color: #FFFFFF; margin-top: 0; margin-right: 12px; margin-bottom: 4px; margin-left: 12px; } #navlist a:link#current, #navlist a:visited#current, #navlist a:hover { background: transparent; color: #666600; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666600; } #navlist a:hover { color:#FF9900; } |
ผมจะให้ เมื่อชี้ที่
แล้วมีเมนูย่อยลงมาอ่ะครับช่วยด้วยครับผมไม่เป็นจริงๆๆ ดูจากลิงค์ในบอร์ดแก้จนงง ขอความกรุณาด้วยครับ ขอบคุณครับ

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

ขอบคุณทุกการสนับสนุน
![]()