Menü kódja
<div id="menu">
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/">Segítségek</a>
<ul>
<li>
<a href="/">CuteNews</a>
</li>
<li>
<a href="/">Coppermine Gallery</a>
</li>
<li>
<a href="/">CSS kódok</a>
</li>
</ul>
</li>
<li>
<a href="/">Graphics</a>
<ul>
<li>
<a href="/">Brush-es</a>
</li>
<li>
<a href="/">Hátterek</a>
</li>
<li>
<a href="/">PNG képek</a>
</li>
</ul>
</li>
<li>
<a href="/">Scripts</a>
</li>
</ul>
</div>
CSS kód
<style type="text/css">
#menu {
width: 200px;
text-align: center;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;zz
}
#menu a {
font-family: verdana, tahoma, arial, sans-serif;
font-size: 11px;
display: block;
margin: 0;
padding: 6px;
color: #f2f2f2;
background: #953100;
text-decoration: none;
border: 1px solid #ffffff;
}
#menu a:hover {
color: #72815F;
background: #DAE6BD;
cursor: crosshair;
}
#menu li {
position: relative;
padding: 0;
}
#menu ul li ul {
position: absolute;
top: 0;
left: 100%;
width: 200px;
}
#menu ul li ul{
display: none;
}
#menu ul li:hover ul{
display: block;
}</style>
5 152 megtekintés