พอดีผมไปเจอตัวเมนู Css เลยอยากนำมาปรับใช้กับหน้าแรกเว็บดู โดยผมลองศึกษาจากเว็บ http://web.ofebia.com/contents/name/create-simple-horizontal-menu-with-css แล้วทำตามที่ทางเว็บเขาสอนได้แล้ว
แต่พอผมโหลดเมนูตัวทีี่ต้องการใช้งานมา โค้ดในไฟล์ style.css เป็นแบบนี้คับ
#navigation {
width: 950px;
height: 50px;
margin: 0;
padding: 0;
background: url(images/navigation-bg.jpg) no-repeat left top;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation ul li {
display: inline;
margin: 0px;
}
#navigation ul li a {
height:33px;
display: block;
float: left;
padding: 17px 15px 0 15px;
font: bold 12px Arial;
color: #FFF;
text-decoration: none;
background: url(images/navigation-separator.png) no-repeat right center;
}
#navigation ul li a:hover {
color:#134264;
background: url(images/navigation-hover.png) repeat-x left top;
}
#navigation ul li#active a {
color:#134264;
background: url(images/navigation-hover.png) repeat-x left top;
}
ผมเลยอยากให้ช่วยชี้แนะว่าการเขียน HTML แบบนี้ต้องปรับแก้ส่วนไหนบ้างคับ
<div id="menu">
<ul>
<li class="current"><span>Home</span></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
พอดีผมอธิบายไม่ค่อยเก่งต้องขออภัยด้วยนะคับ
ลิงค์หัวข้อ:
http://dexmore.com/topic/2622 
Web Achieve 
หน้า: 1 
Powered by 