ช่วยด้วยครับการทำเมนูแนวนอนด้วย css มีปัญหาอ่ะครับ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ช่วยด้วยครับการทำเมนูแนวนอนด้วย css มีปัญหาอ่ะครับ
ช่วยด้วยครับการทำเมนูแนวนอนด้วย css มีปัญหาอ่ะครับ
Copy
อันเดิมที่ผมทำเป็นแนวนอนน่ะครับ ประมาณนี้
ส่วนโค๊ดเดิมของผม
ส่วน 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
#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; }
ผมจะให้ เมื่อชี้ที่
แล้วมีเมนูย่อยลงมาอ่ะครับช่วยด้วยครับผมไม่เป็นจริงๆๆ ดูจากลิงค์ในบอร์ดแก้จนงง ขอความกรุณาด้วยครับ ขอบคุณครับ
Boy415
223.205.215.xxx
04-04-2011
17:18:53
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ