How to connect HTML file and CSS file
<link type="text/css" href="proyek.css(CSS file name)" rel="stylesheet" />
How to put icon on title
<link rel="icon" href="image/title_image.png(icon file name)" type="image/png">
Sabtu, 04 Oktober 2014
How to make drop down menu (HTML & CSS)
HTML code
<ul>
<li><a href="#">JK Event</a></li>
<li><a href="#">Women</a>
<ul>
<li><a href="womenclothing.html">Clothing</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Handbags</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</li>
<li><a href="">Men</a>
<ul>
<li><a href="#">Clothing</a></li>
<li><a href="#">Belts</a></li>
<li><a href="#">bags</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</li>
<li><a href="home.html">Home</a></li>
</ul>
</div>
CSS code
#menu{
margin: 0px;
padding: 0px;
list-style-type:none;
}
#menu li{
display:block;
float:right;
background:#888;
border-right: 2px #666666 solid;
text-align:center;
width:160px;
height:30px;
padding-top:10px;
}
#menu li:hover {
background:#cccccc;
}
#menu a{
color:white;
text-decoration:none;
font-family:arial bold;
}
#menu ul ul{
display: none;
position:relative;
z-index:900;
}
#menu ul li:hover ul{
padding-top:10px;
display:block;
z-index:900;
}
#menu ul ul li{
display:block;
border-right:none;
}
Result
Langganan:
Postingan (Atom)