Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ช่วยด้วยครับการทำเมนูแนวนอนด้วย css ให้มีเมนูย่อยลงมามีปัญหาอ่ะครับ

ช่วยด้วยครับการทำเมนูแนวนอนด้วย css ให้มีเมนูย่อยลงมามีปัญหาอ่ะครับ

เริ่มหัวข้อใหม่

badboy

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

ดังรูปเลยครับ เช่น คืออยากได้เมื่อนำเมาส์ไปชี้ ผมจะให้ เมื่อชี้ที่
•WEDDING DRESSES
แล้วมีเมนูย่อยลงมาอ่ะครับช่วยด้วยครับผมไม่เป็นจริงๆๆ ดูจากลิงค์ในบอร์ดแก้จนงง ขอความกรุณาด้วยครับ ขอบคุณครับ
1.ส่วนแรกเป็นโค๊ด htmlCode

<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>

<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>

2. โค๊ด css

Quote:
#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;
}

*** ไม่ทราบผมต้องเพิ่มส่วน โค๊ด css ยังไงครับ ขอบคุณครับ*****

Tag : PHP, MySQL, Ajax

Date : 2011-04-04 20:41:25

By : boy415

View : 2144

Reply : 2

No. 1

sAcIw

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

ลงดูดีๆนะครับ บางทีอาจจะมี javascript ที่ทำงานรวามกันนะครับ
ตัวอย่างครับ
http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

ประวัติการแก้ไข
2011-04-04 21:18:52

Date : 2011-04-04 21:17:29

By : phajvaj

No. 2

badboy

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

ผมใช้อยางที่คุณบอก แต่มีปัญหานิดหนอยครับ ใน js script ถ้าการเปิดหน้าใหม่อย่างเช่น

manu1

อย่างเช่นกดลิงค์ใดลิงค์หนึ่งให้เปิดหน้าใหม่ขึ้นมา เช่น html

Code

<a href="album.php?id=1" target="_blank" >Original Thai style</a>

แต่ถ้าเป็น JS Script จะใช้ยังไงครับ

Code (JavaScript)

var anylinkmenu1={divclass:'anylinkmenu', inlinestyle:'', linktarget:''} //First menu variable. Make sure "anylinkmenu1" is a unique name!
anylinkmenu1.items=[
	["Original Thai style", "album.php?id=1/"],//ตรงนี้เมื่อกดลิงค์ให้ส่งค่า id=1 แต่ผมอยากให้เปิดหน้าใหม่ขึ้นมาอ่ะครับ
	["Thai Contemporary", "album.php?id=2/"],
	["Wedding Dresses", "album.php?id=3"],
	["", "http://www.codingforums.com/"],
	["", "http://www.javascriptkit.com/jsref/"] //no comma following last entry!

Date : 2011-04-04 22:18:49

By : boy415

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยด้วยครับการทำเมนูแนวนอนด้วย css ให้มีเมนูย่อยลงมามีปัญหาอ่ะครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)