[html] menu w ul

[sjs]

Witam, mam problem z menu w ul

chciałabym aby moje menu 700px bylo 100% szerokosci strony było wycentrowane ale niestety mam z nim problem nie jest:/
moj kod

css

Kod:

.menu{
    font-family:tahoma;
    font-size:8px;
    margin: 0px auto;
    font-weight:bold;
    color:8e8e8e;
    position: absolute;
       top: 97px;
       background:url(images/menu.jpg);
    }
.menu ul{margin: 0px auto;padding: 0px;height:44px;}
    .menu li{ display: inline-block;
    list-style-image: none;list-style-position: outside;list-style-type: none;}
    .menu li a{
        color:#f1f1f1;
        display:block;
        font-weight:bold;
        line-height:44px;
        text-decoration:none;
        }
        .menu li a:hover{
            color:#3c3c3c;
            text-decoration:none;
background:url(images/xxx.jpg);
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
        margin-top: 6px;
    height: 37px;
            }
    .menu li ul{
        background:#e0e0e0;
        }

    .menu li ul a{
margin: 0px auto;padding: 0px;
        font-size:13px;
        }
        .menu li ul a:hover{
            background:#949494;
            color:#000000;
            }
    .menu #current{
        background:url(images/xxx.jpg);
        color:#3c3c3c;
   -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
        margin-top: 6px;
    height: 37px;
        }

html5

Kod:

<nav class="menu">
        <ul>
          <li><a id="current" href="das"  >cs</a></li>
          <li><a href="das">OsdsA</a></li>
          <li><a href="">Jfsdf</a></li>
          <li><a href="">dsdsd</a></li>
          <li><a href="">dsCJE</a></li>
          <li><a href="">SdsŻ</a></li>
          <li><a href="">sdsd</a></li>
          <li><a href="">sdsdsd</a></li>
          <li><a href="">KOdsdKT</a></li>
        </ul>
      </nav>

[Kartofelek]

Pomieszane te style jak zupa pieczarkowa.

Kod:

.menu li{ display: inline-block;
    list-style-image: none;list-style-position: outside;list-style-type: none;}

tylko display:inline-block pasuje do LI. Reszta jest stylowaniem LISTY UL

Poza tym dla menu nadajesz taki styl:

Kod:

margin: 0px auto;
    font-weight:bold;
    color:8e8e8e;
    position: absolute;
       top: 97px;

Co jest też bez sensu. Position absolute nie współgra z marginesem. Pisz uważniej swój kod, a jak wrzucasz go na forum, to sprawdź go 2 razy, bo inaczej strzelasz sobie babole w kolano.

[sjs]

Dzięki za uwagi, position: absolute; dałem ponieważ ma gorze miałem przezroczysty gif. i tlo pokzywało z menu jak usunelem.

Nadal mam problem z tym menu ? nie moge wysrodkowac je :/ Co by mozna bylo zmienić w kodzie zeby sie wycentrowalo :/

[sjs]

problem rozwiazany

[Kartofelek]

to ci mowie
dajesz widtha, dajesz margin:0 auto i usuwasz position absolute. Od przesowania w gore to masz ujemny margines (margin:-20px auto)