Menü CSS kód.

  Hello, mindenki. Hoztam nektek egy CSS kódot ami az itt látható menü kódját tartalmazza.
 

• CÍM
• CÍM
  • CÍM
  • CÍM
  • CÍM
• CÍM
  • CÍM
  • CÍM
  • CÍM
• CÍM

 KÓD:

 <style type="text/css">
#menu {
        width: 200px;
        text-align: center;
}

#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;zz
        background-color: #ffffff;
}

#menu a {
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 2px 3px;
        color: #666666;
        background: #F4F6F4;
        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>
<div id="menu">
    <ul>
        <li>
            <a href="LINK">CÍM</a></li>
        <li>
            <a href="LINK"> CÍM</a>
            <ul>
                <li>
                    <a href="LINK">CÍM</a></li>
                <li>
                    <a href="LINK">CÍM</a></li>
                <li>
                    <a href="LINK">CÍM</a></li>
            </ul>
        </li>
        <li>
            <a href="LINK">CÍM</a>
            <ul>
                <li>
                    <a href="LINK">CÍM</a></li>
                <li>
                    <a href="LINK">CÍM</a></li>
                <li>
                    <a href="LINK">CÍM</a></li>
            </ul>
        </li>
        <li>
            <a href="LINK">CÍM</a></li>
    </ul>
</div>

Sok sikert :)

Barbi Payne xx