ต่อไป »

[GillBate]

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

code

โค๊ด:

<h2>Tab Menu 1</h2>
<div id="menu1">
		<ul>
			<li><a href="#1" title="Link 1">Link 1</a></li>
			<li><a href="#2" title="Link 2">Link 2</a></li>
			<li><a href="#3" title="Link 3">Link 3</a></li>
			<li><a href="#4" title="Link 4">Link 4</a></li>
			<li><a href="#5" title="Link 5">Link 5</a></li>	
		</ul>
</div>

CSS

โค๊ด:

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	background: #FFF;
	}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 

	
/*- Menu 1--------------------------- */
	
#menu1 {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #3D261D;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #E4D6CD;
	display: block;
	background:  url(menu1.gif);
	padding: 8px 0 0 10px;
	}
	
#menu1 li a:hover {
	color: #FFF;
	background:  url(menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	

[deadclosed]

#menu li{
         background:url('images url') no-repeat left center ;
}
#menu li:hover{
         background:url('images2 url') no-repeat left center ;
}

หรือแบบที่สอง
#menu li{
        list-style-images:url('images 1');
}        
#menu li:hover{
        list-style-images:url('images 2');
}        

ประมาณนี้ครับ เขียนสดไม่รู้ถูกหรือเปล่า

ปล.แก้ตรงนี้ครับ จากโค๊ด

   
#menu1 li a:link, #menu1 li a:visited {
   color: #E4D6CD;
   display: block;
   background:  url(menu1.gif);
   padding: 8px 0 0 10px;
   }
   
#menu1 li a:hover {
   color: #FFF;
   background:  url(menu1.gif) 0 -32px;
   padding: 8px 0 0 10px;
   }

[GillBate]

  จะใส่ icon ต่างแบบกันอ่ะครับ