• User

    aiuto su centraggio

    salve volevo sapere dato questo codice CSS

    come posso mettere il menu in alto e al centro??

    * {
      margin:0;
      padding:0;
      border:none;
    }
    html,body {
      font:700 .8em/1.3 helvetica, arial, "nimbus sans l", sans-serif;
      background:#edf8ff;
      height:100%;
    }
    a {
      text-decoration:none;
      color:#99aab2;
      text-shadow:0 1px 0 #fff;
    }
    nav {
      position:relative;
      top:-50px;
      display:-webkit-box;
      -webkit-box-pack:center;
      -webkit-box-align:center;
      display:-moz-box;
      -moz-box-pack:center;
      -moz-box-align:center;
      width:100%;
      height:100%;
    }
    ul {
      width:1000px;
      height:80px;
      display:-webkit-box;
      display:-moz-box;
      list-style:none;
      background:-webkit-gradient(
        linear,
        0 0, 0 100%,
        from(#fff), to(#f3faff)
      );
      background:-moz-linear-gradient(
       , #f3faff
      );
      -webkit-box-shadow:0 1px 2px #a6b7c1;
      box-shadow:0 1px 2px;
      border-radius:8px;
    }
    li {
      position:relative;
      -webkit-box-flex:1;
      -webkit-transition:padding-left .4s ease-out;
      -moz-box-flex:1;
      -moz-transition:padding-left .4s ease-out;
      margin:15px 0;
      padding-left:15px;
      border-right:1px solid rgba(160,180,190,.4);
    }
    li:last-child {
      border:none;
    }
    li:hover {
      padding-left:80px;
    }
    li:hover img {
      opacity:1;
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
    }
    img {
      position:absolute;
      top:-5px;
      left:8px;
      opacity:0;
      -webkit-transform:scale(.5);
      -webkit-transition:all .4s ease-out;
      -moz-transform:scale(.5);
      -moz-transition:all .4s ease-out;
    }
    strong {
      display:block;
      font-size:1.3em;
      color:#111;
      padding-top:10px;
    }
    

    perchè messo cosi me lo trovo al centro della pagina . come lo metto in alto??


  • User

    risolto:

    html,body {
    font:700 .8em/1.3 helvetica, arial, "nimbus sans l", sans-serif;
    background:#edf8ff;
    height:50%;