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

Registered : 109,038

HOME > PHP > PHP Forum > การเขียนเมนูแนวนอน 2 ชั้น ติดเรื่องการแสดงสีเวลาเปลี่ยนหน้า


การเขียนเมนูแนวนอน 2 ชั้น ติดเรื่องการแสดงสีเวลาเปลี่ยนหน้า

 
Topic : 121097



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



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


Code (PHP)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<title></title>
<style type="text/css">
* {
margin:0;
padding:0;
font-family: Tahoma, Thonburi, sans-serif;
}
li {
list-style:none;
}
ul.menu {
width:960px;
margin:0px auto;
}

ul.menu li {
float:left;
display:block;
}

ul.menu li a {
text-decoration:none;
font-size:18px;
padding:0 24 0 24;
line-height:48px;
color:#111111;
display:block;

}

ul.menu li a:hover {
color:#fff;
display:block;
background:#555;

}

ul.menu li ul {
display:none;
}

ul.menu li:hover ul {
clear:both;
width:700px;
display:block;
background:#555;
position:fixed;
top:48;
}

ul.menu li ul li {
display:block;
}

ul.menu li ul li a {
font-size:14px;
color:#fff;
text-decoration:none;
padding:0 24 0 24;
text-align:center;
line-height:48px;
display:block;
}

ul.menu li ul li a:hover {
background:#000;
}

#logo {
float:left;
padding:12px;
}

#logo:hover {
background:#fff;
}

</style>
</head>
<body>

<ul class="menu"> 
	<li><a id="logo" href="home.php" title="A2K Test Drive From your frist step with us."><img src="images/login.png" height="24"></a></li>
    <li><a href="home.php">Home</a></li>  	
    <li><a href="honda.php">Model</a>
		<ul>
			<li><a href="../detail/brio.pdf" target="_blank">Brio</a></li>
			<li><a href="../detail/jazz.pdf" target="_blank">Jazz</a></li>
			<li><a href="../detail/city.pdf" target="_blank">City</a></li>
			<li><a href="../detail/civic.pdf" target="_blank">Civic</a></li>
			<li><a href="../detail/accord.pdf" target="_blank">Accord</a></li>
			<li><a href="../detail/hr-v.pdf" target="_blank">HR-V</a></li>
			<li><a href="../detail/cr-v.pdf" target="_blank">CR-V</a></li>
			
			
		</ul>
	</li>  
    <li><a href="rent.php">Reserve a car</a></li>  
    <li><a href="about.php">About us</a></li>
	<li><a href="contact.php">Contact us</a></li>	
</ul>
</body>
</html>


ตามโค้ดนี้ ผมทำการ include ไฟล์ menu.php ไปวางไว้ในทุกหน้าครับ
ติดอยู่ 2 อย่างคือ ชี้ที่เมนู สี background จะเปลี่ยน แต่พอคลิกเลือกหน้าแล้วสีหัวข้อเมนูกลัมาเป็นสีเดิม

ก่อนชี้

1

หลังชี้

2

จากความรู้สึกแล้ว ก็ควรจะโชว์สีพื้นหลังเมนู ไว้เมื่อไม่ได้ชี้ แต่ผมทำไม่ได้ครับ

แล้วก็
ที่ menu Model
เวลาชี้ก็จะมี menu ระดับ 2 โผล่ออกมาก ตามต้องการ
3

แต่พอไปชี้ที่ menu ระดับ 2 สีพื้นหลังของ menu ระดับ 1 ก็หายไป
4

มันจะต้องแก้ยังไงหรอครับ พอจะมีวิธีไหมครับ เพราะ menu มันอยู่คนละไฟล์กับเนื้อหา ก็เลยไม่รู้ว่าจะใช้สำคั่งไหน เวลาเปลี่ยนหน้าแล้วให้พื้นหลังโชว์ว่าอยู่หน้านั้นๆ



Tag : PHP, HTML/CSS


ประวัติการแก้ไข
2016-01-28 10:31:03
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-01-28 10:30:07 By : Pla2todkrob View : 2333 Reply : 2
 

 

No. 1



โพสกระทู้ ( 74,059 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

มันน่าจะเก็บ cache-control ใช่ไหม๊ครับ ลองดู no-cache

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-28 13:16:19 By : mr.win
 

 

No. 2



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



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

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2016-01-28 13:16:19
รายละเอียดของการตอบ ::
แปะไว้ที่ head แบบนี้ป่ะครับ
Code (PHP)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

<title></title>
<style type="text/css">
* {
margin:0;
padding:0;
font-family: Tahoma, Thonburi, sans-serif;
}
li {
list-style:none;
}
ul.menu {
width:960px;
margin:0px auto;
}

ul.menu li {
float:left;
display:block;
}

ul.menu li a {
text-decoration:none;
font-size:18px;
padding:0 24 0 24;
line-height:48px;
color:#111111;
display:block;

}

ul.menu li a:hover {
color:#fff;
display:block;
background:#555;

}

ul.menu li ul {
display:none;
}

ul.menu li:hover ul {
clear:both;
width:700px;
display:block;
background:#555;
position:fixed;
top:48;
}

ul.menu li ul li {
display:block;
}

ul.menu li ul li a {
font-size:14px;
color:#fff;
text-decoration:none;
padding:0 24 0 24;
text-align:center;
line-height:48px;
display:block;
}

ul.menu li ul li a:hover {
background:#000;
}

#logo {
float:left;
padding:12px;
}

#logo:hover {
background:#fff;
}

</style>
</head>
<body>

<ul class="menu"> 
	<li><a id="logo" href="home.php" title="A2K Test Drive From your frist step with us."><img src="images/login.png" height="24"></a></li>
    <li><a href="home.php">Home</a></li>  	
    <li><a href="honda.php">Model</a>
		<ul>
			<li><a href="../detail/brio.pdf" target="_blank">Brio</a></li>
			<li><a href="../detail/jazz.pdf" target="_blank">Jazz</a></li>
			<li><a href="../detail/city.pdf" target="_blank">City</a></li>
			<li><a href="../detail/civic.pdf" target="_blank">Civic</a></li>
			<li><a href="../detail/accord.pdf" target="_blank">Accord</a></li>
			<li><a href="../detail/hr-v.pdf" target="_blank">HR-V</a></li>
			<li><a href="../detail/cr-v.pdf" target="_blank">CR-V</a></li>
			
			
		</ul>
	</li>  
    <li><a href="rent.php">Reserve a car</a></li>  
    <li><a href="about.php">About us</a></li>
	<li><a href="contact.php">Contact us</a></li>	
</ul>
</body>
</html>

ผมลองทำแล้วไม่มีอะไรเกิดขึ้นเลยครับ หรือผมทำผิด
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-28 14:04:47 By : Pla2todkrob
 

   

ค้นหาข้อมูล
   
 

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





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