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