centrer le menu pstopmenu

[popcolorart]

Bonjour,

j'ai un problème pour centrer mon menu pstopmenu dans ma page.

Malheureusement mon site n'est pas encore en ligne alors j'espère que vous allez pouvoir m'aider

 

Voici ce que j'ai dans le css du menu:

 

div#topmenustyle {
    height: 52px;
    padding-left: 1px;
    background: url(images/left.png) no-repeat;
    _background: url(images/left.gif) no-repeat;
    width:auto;
    clear: both;
    z-index:300;
}

div#topmenustyle ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin-top:-2px;
}
div#topmenustyle ul.topmenustyle {
    padding-right: 6px;
    background: url(images/right.png) no-repeat right 0;
    /*HAck aretmic*/
    width:990px;
    _background: url(images/right.gif)center top;    
}

div#topmenustyle li {
    position: relative;
    margin: 0;
    padding: 0 0px 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
    z-index:2007;
}
div#topmenustyle ul ul li {
    z-index: 9;
}
div#topmenustyle li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 52px;
    left: 0;
    visibility: hidden;
    width: 180px;
      margin: 0px 0 0 -4px;
    padding: 0;
    background: url(images/subsubmenu-top.png) no-repeat 0px 0;
    _background: url(images/subsubmenu-top.gif) no-repeat 0px 0;  
}
div#topmenustyle ul ul {
      z-index: 12;
    padding: 0px 4px 10px 4px;
    background: url(images/submenu-bottom.png) no-repeat 0px bottom;
    _background: url(images/submenu-bottom.gif) no-repeat 0px bottom;        
    margin: 10px 0 0 0;    
}
div#topmenustyle li:hover>div {
    visibility: visible;
}

div#topmenustyle a {
    position: relative;
    z-index: 10;
    height: 50px;
    display: block;
    float: left;
    line-height: 50px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right:5px;
    text-align:center;
}
div#topmenustyle span {
    margin-top: 2px;
    color: #fff;
    font: normal 13px Helvetica,Arial,FreeSans,sans-serif;
    background: none;
    line-height: 50px;    
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#topmenustyle a {
    padding: 0 10px 0 0;
    line-height: 50px;
    height: 52px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
    text-transform: uppercase;
}
div#topmenustyle a:hover {
    background:  url(images/selected-right-sub.png)  no-repeat right -1px;
}
div#topmenustyle a:hover span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
}
div#topmenustyle li.current a,
div#topmenustyle ul.topmenustyle>li:hover>a {
    background: url(images/selected-right-sub.png)  no-repeat right -1px;
}
div#topmenustyle li.current a span,
div#topmenustyle ul.topmenustyle>li:hover>a span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
}

div#topmenustyle ul.topmenustyle>li:hover>a span {
      color: #07b3e1;
}
div#topmenustyle li {  }
div#topmenustyle li.last { background: none; }

/* menu::level2 */
div#topmenustyle ul ul li {
    background: none;
    padding: 0;
}
div#topmenustyle ul ul a {
    padding: 0px;
    height: auto;
    float: none;
    display: block;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 152px;
    margin: 0 8px;
    text-transform: none;
}
    
div#topmenustyle ul ul a span {
      padding: 0 5px;
    line-height: 25px;
    font-size: 13px;
}
div#topmenustyle li.current ul a,
div#topmenustyle li.current ul a span {
    background:none;
}
div#topmenustyle ul ul a:hover {
 background:none;
 background-color: #3c3c3c;
}
div#topmenustyle ul ul a:hover span {
    background:none;
    color: #07b3e1;
}
div#topmenustyle ul ul a.parent {
  background: url(images/submenu-pointer.png) no-repeat right bottom;
  _background-image: url(images/submenu-pointer-hover.gif);
}
div#topmenustyle ul ul a.parent span {
  background:none;
}
div#topmenustyle ul ul a.parent:hover {
  background: url(images/submenu-pointer.png) no-repeat right bottom;
  _background: url(images/submenu-pointer-hover.gif) no-repeat right bottom;
  background-color: #3c3c3c;
}
div#topmenustyle ul ul a.parent:hover span {
  background:none;
}
div#topmenustyle ul ul span {
    
    margin-top: 0;
    text-align: left;
}
div#topmenustyle ul ul li.last { background: none; }
div#topmenustyle ul ul li {
    width: 100%;
}

/* menu::level3 */
div#topmenustyle ul ul div {
    width: 180px;
    padding: 0;
    margin: -62px 0 0 165px !important;
}
div#topmenustyle ul ul ul {
    padding: 10px 4px 0 4px;    
}
div#topmenustyle ul ul div li {
    position:relative;
    top:-10px;
}

/* lava lamp */
div#topmenustyle li.back {
    background: url(images/selected-left-sub.png) no-repeat 0 0;
    width: 5px;
    height: 52px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0px 0 0 0;
}

div#topmenustyle li.back .left {
    padding:0;
    width:auto;
    background: url(images/selected-right-sub.png) no-repeat right 0;
    height: 52px;
    margin: 0 0 0 5px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}

.pstopmenu span {
    padding-left: 15px;
}

#topmenustyle span.search {
display:block;

}
span.search input {
  -moz-border-radius: 10px  0px 10px 0px ;
  float:right;
  padding: 3px 0;
  padding-left: 10px;
  margin-top: 4px;
  background: #07B3E1 url(images/search.png) no-repeat left center;
  font-weight:bold;
  color:#FFFFFF;
  margin:10px 10px 10px 10px;

}

[Xavier du Tertre]

Oula popcolorart... tu t'y prends mal.

 

Tu es dans le mauvais forum. Je bouge ton sujet.

Tu postes ton pavé de code sans qu'on ne sache rien sur toi, ce que tu sais faire, ce que tu comprends, ce qui te dépasse... on ne peut pas deviner où est ton problème si on ne sait pas où ils commencent et où ils finissent.

 

Je me demande si tu ne ferais pas mieux de mettre ton site en ligne pour que la communauté voie de ses propres yeux ce qui ne va pas. 

Et présente toi ! (ici)