Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. CSS topic

Új hozzászólás Aktív témák

  • #1106 honda 1993 senior tag
    Új Válasz #1106
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    honda 1993

    senior tag

    hat,most mar tenyleg nem ertem ....

    most ugyan van menu,de az a resze ami eredetileg lenzilna,az most fixen le van nyitva,es nem mozdul.

    <html>

    <head>
    <title>valami</title>
    <link rel="stylesheet" href="styles.css"/>
    </head>

    <body>

    <nav>
    <ul>
    <li><a href="#">valami</a></li>
    <li><a href="#">ize</a>
    <ul>
    <li><a href="#">blabla</a></li>
    <li><a href="#">blabla</a></li>
    <li><a href="#">blabla</a>
    <ul>
    <li><a href="#">bla</a></li>
    <li><a href="#">bla</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href="#">bla</a>
    <ul>
    <li><a href="#">blabla</a></li>
    <li><a href="#">blabla</a></li>
    </ul>
    </li>
    <li><a href="#">blabla</a></li>
    </ul>
    </nav>

    ---------------------------------------------------------------------------

    nav ul {
    background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
    }
    nav ul:after {
    content: ""; clear: both; display: block;
    }

    nav ul li {
    float: left;
    }
    nav ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    }
    nav ul li:hover a {
    color: #fff;
    }

    nav ul li a {
    display: block; padding: 25px 40px;
    color: #757575; text-decoration: none;
    }
    nav ul ul {
    background: #5f6975; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
    }
    nav ul ul li {
    float: none;
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
    }
    nav ul ul li a {
    padding: 15px 40px;
    color: #fff;
    }
    nav ul ul li a:hover {
    background: #4b545f;
    }

Új hozzászólás Aktív témák