|
 |
| |
ทำไมเปิดใน IE7 แล้ว submenu ถึงไม่ทำงานครับ |
| |
 |
|
|
 |
 |
|
Code (PHP)
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Drop Down Navigation with CSS Only</title>
<style>
body, div, ul, li { margin: 0; padding: 0; }
#header {
min-width: 800px;
height: 150px;
}
#nav {
width: 100%;
background-color: #333;
font-family:"Century Gothic", "HelveticaNeueLT Pro 45 Lt", sans-serif;
float: left;
}
#nav li {
list-style: none;
float: left;
width: 120px;
height: 30px;
line-height: 30px;
text-align: center;
}
#nav li a {
color: white;
text-decoration: none;
display: block;
}
#nav li a:hover {
background-color: #066;
}
#home .home a, #home .home a:hover,
#tutorials .tutorials a, #tutorials .tutorials a:hover,
#about .about a, #about .about a:hover,
#contact .contact a, #contact .contact a:hover,
#news .news a, #news .news a:hover {
background-color: #FFF;
color: #000;
cursor: default;
}
#nav li ul {
position: absolute;
display: none;
}
#nav li:hover ul {
display: block;
}
#nav li ul li {
float: none;
display: inline;
}
#nav li ul li a {
width: 118px;
position: relative;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
background: #333;
color: #fff;
}
#nav li ul li a:hover {
background: #066;
color: #000;
}
</style>
<!--[if lte IE 6]>
<style>
body {behavior: url("csshover3.htc");}
</style>
<![endif]-->
</head>
<body id="about">
<div id="header">
<ul id="nav">
<li class="home"><a href="#">Home</a></li>
<li class="tutorials"><a href="#">Tutorials</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li class="about"><a href="#">About</a></li>
<li class="news"><a href="#">Newsletter</a>
<ul>
<li><a href="#">Issue 1</a></li>
<li><a href="#">Issue 2</a></li>
<li><a href="#">Issue 3</a></li>
</ul>
</li>
<li class="contact"><a href="#">Contact</a></li>
</ul><!-- nav -->
</div><!-- header -->
</body></html>
Tag : PHP, MySQL
|
|
|
 |
 |
 |
 |
| Date :
2013-08-24 22:16:38 |
By :
peap |
View :
586 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ลองวิธีนี้ก่อนนะครับ
ตรง Address bar ทางด้านขวามือมันจะมี icon รูปเหมือนกระดาษขาดอยู่น่ะครับ เรียกว่าปุ่ม Compatible View ให้ลองกดที่ปุ่มนี้ดูครับ หลังจากที่เข้าเว็บแล้ว ดูว่ามันแสดงผลถูกต้องหรืือเปล่า
ถ้าถูกต้องก็ใช้แบบนี้ไปก่อน แต่ปัญหาคือ CSS ที่คุณเลือกใช้ไม่สามารถใช้งานได้กับ IE7 ให้แก้ที่เรื่องนั้น (หาข้อมูลเพิ่มเอานะครับ อิอิ)
ถ้าไม่ถูกต้อง ก็ยังแปลว่าผิดที่ CSS อยู่ดีแต่ตรงไหนยังไง คงต้องรอผุ้ช่วยท่านอื่นมาช่วยไล่ด้วยครับ 
|
| |
|
|
| |
| Date :
2013-08-25 02:42:46 |
By :
salapao_codeman |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
