[css]nanya, bagaimana membuat drop down menu

Beranda
Komunitas
Tech
Programmer Forum
[css]nanya, bagaimana membuat drop down menu

musyrifin

08-05-2013 03:56

[css]nanya, bagaimana membuat drop down menu

langsung aja gan, ane punya kode untuk membuat drop down menu seperti ini :

Spoiler for kode css:

#menu ul{
list-style:none;
}
#menu li{
float:left;
margin:0;
}

#menu ul ul{
visibility:hidden;
width:150px;
}
#menu ul li a:hover{
visibility:visible;
}

dan untuk kode htmlnya kayak gini :

Spoiler for kode html:

<html>
<head>
<title>drop down menu</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">menu</a></li>
<ul>
<li><a href="#">menu 1</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
</ul>
<li><a href="#">artikel</a></li>
<ul>
<li><a href="#">artikel 1</a></li>
<li><a href="#">artikel 2</a></li>
<li><a href="#">artikel 3</a></li>
</ul>
<li><a href="#">contact</a></li>
<ul>
<li><a href="#">facebook</a></li>
<li><a href="#">twitter</a></li>
<li><a href="#">phone</a></li>
</ul>
</ul>
</div>
</body>
</html>

nah pas ini dibuka di IE ndak bekerja, maksudnya pas mouse ada di menu utama, sub menu tidak keluar, ini penampakannya :
[css]nanya, bagaimana membuat drop down menu

[css]nanya, bagaimana membuat drop down menu

mohon pencerahannya master........!!!!!

657

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan