[RESOLVIDO] Centralizar Itens do Menu Top

Mais
14 anos 6 meses atrás #45826 por renpv
renpv replied the topic: Re: Centralizar Itens do Menu Top
Tenta assim então:
#pillmenu ul {
margin: 0 auto;
display:table;
padding: 0 22px;
list-style: none;
}

Tinha faltado o display: table;

PS: testado no FF e Chrome

[color=#808080:2ig2voll]"Feliz aquele que transfere o que sabe e aprende o que ensina."(Cora Coralina)
"A mente que se abre a uma nova idéia jamais voltará ao seu tamanho original."(Albert Einstein)[/color:2ig2voll]
[url=http://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]

Please Entrar ou Registrar to join the conversation.

  • igox
  • Avatar de igox Autor do Tópico
  • Offline
  • JCB! Iniciante
  • JCB! Iniciante
Mais
14 anos 6 meses atrás #45832 por igox
igox replied the topic: Re: Centralizar Itens do Menu Top
renpv muito obrigado pela dica, funcionou perfeitamente. Valeu!

Please Entrar ou Registrar to join the conversation.

Mais
14 anos 6 meses atrás #45835 por renpv
renpv replied the topic: Re: [RESOLVIDO] Centralizar Itens do Menu Top
Valeu, e se precisar manda a dúvida pra cá.
<!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

[color=#808080:2ig2voll]"Feliz aquele que transfere o que sabe e aprende o que ensina."(Cora Coralina)
"A mente que se abre a uma nova idéia jamais voltará ao seu tamanho original."(Albert Einstein)[/color:2ig2voll]
[url=http&#58;//twitter&#46;com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]

Please Entrar ou Registrar to join the conversation.

Mais
11 anos 11 meses atrás #94127 por vfcamargo
vfcamargo replied the topic: Re: [RESOLVIDO] Centralizar Itens do Menu Top
Olá amigos.Estou com o mesmo problema para centralizar o meu MENU na pagina.
poderiam me ajudar.
Obrigado.

Segue Código:

/*
Navigation
*/

#menu {
width: 100%;
align: midline;
}

#menu .menu-nav, #menu #mainlevel-nav {
list-style: none;
padding: 0px;
height: 38px;
line-height: 38px;
margin: 0;
z-index: 5001 !important;
display: inline;
}

#menu .menu-nav li, #menu #mainlevel-nav li {
position: relative;
margin: 0;
padding: 0px 1px 0px 0px !important;
list-style: none;
line-height: 38px;
z-index: 5001 !important;
}

#menu .menu-nav li img, #menu #mainlevel-nav li img {
vertical-align: middle;
float: left;
margin: 10px 0 0 0;
}

#menu .menu-nav a, #menu #mainlevel-nav a {
text-decoration: none;
display: block;
cursor: pointer;
font: 600 13px/18px 'Open Sans', Arial, Helvetica, sans-serif;
}

#menu .menu-nav a span, #menu #mainlevel-nav a {
display: block;
cursor: pointer;
padding: 10px 16px 10px 16px;
line-height: 18px;
}

#menu .menu-nav li li a span, #menu #mainlevel-nav li li a span,
#menu .menu-nav li li a:hover span, #menu #mainlevel-nav li li a:hover span {
display: block;
cursor: pointer;
padding: 0;
line-height: 20px;
background: none !important;
}

#menu .menu-nav a:hover, #menu #mainlevel-nav a:hover {
text-decoration: none;
display: block;
cursor: pointer;
}

#menu .menu-nav a:hover span, #menu #mainlevel-nav a:hover span {
display: block;
cursor: pointer;
padding: 10px 16px 10px 16px;
line-height: 18px;
}

#menu .menu-nav li ul li, #menu .menu-nav li ul li ul li {
margin-top: 1px;
}

#menu .menu-nav li ul li.parent, #menu .menu-nav li ul li ul li.parent {
background: url(../images/arrow-menu.png) no-repeat 95% 7px !important;
}

#menu .menu-nav ul a, #menu .menu-nav ul ul a {

}

#menu .menu-nav li, #menu #mainlevel-nav li {
float: left;
padding: 0;
background: none;
z-index: 5001 !important;
}

#menu .menu-nav li li a {
font-weight: 400;
padding: 4px 10px;
height: 20px;
line-height: 20px;
text-indent: 0px;
text-align: left;
z-index: 5001 !important;
overflow: hidden;
}

#menu .menu-nav ul a,
#menu .menu-nav ul ul a {
display: block;
text-decoration: none;
padding: 4px 10px;
z-index: 5001 !important;
}

#menu .menu-nav li li,
#menu .menu-nav li li li {
padding: 0 !important;
float: left;
clear: left;
white-space: nowrap;
margin: 0;
z-index: 30001 !important;
background: none !important;
}

#menu .menu-nav li li img,
#menu .menu-nav li li li img {
vertical-align: middle;
margin: 3px 5px 0px 0px;
}

#menu li li.parent, #menu li li li.parent {
cursor: pointer !important;
}

#menu .menu-nav li:hover,
#menu .menu-nav li.iehover {
left: 0;
z-index: 50001 !important;
}

#menu .menu-nav ul a:hover,
#menu .menu-nav ul ul a:hover {
height: 20px;
line-height: 20px;
margin: 0;
font-weight: 400;
}

#menu .menu-nav li ul {
top: 30px;
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 5px 5px;
width: 201px;
margin-left: 1px;
z-index: 99999 !important;
opacity: 0.85;
-moz-opacity: 0.85;
}

#menu .menu-nav li ul li ul {
top: 0px;
position: absolute;
left: -999em;
height: auto;
margin: -6px 0 0 0;
padding: 5px 5px;
opacity: 1.0;
-moz-opacity: 1.0;
}

#menu .menu-nav li ul li ul {width: 191px;}

#menu .menu-nav li.active ul li a, #menu .menu-nav li.active ul li, #menu .menu-nav li.active ul li a:hover, #menu .menu-nav li.active ul li.hover #menu .menu-nav li.active ul li.iehover { background-image: none; }
#menu .menu-nav li:hover ul ul, #menu .menu-nav li:hover ul ul ul, #menu .menu-nav li:hover ul ul ul ul, #menu .menu-nav li.iehover ul ul, #menu .menu-nav li.iehover ul ul ul, #menu .menu-nav li.iehover ul ul ul ul { left: -999em; }
#menu .menu-nav li:hover ul, #menu .menu-nav li li:hover ul, #menu .menu-nav li li li:hover ul, #menu .menu-nav li li li li:hover ul,#menu .menu-nav li.iehover ul, #menu .menu-nav li li.iehover ul, #menu .menu-nav li li li.iehover ul,#menu .menu-nav li li li li.iehover ul {z-index: 1000001 !important; left: 0;}

#menu .menu-nav ul a,.menu-nav ul ul a{width:181px !important;}#menu .menu-nav ul a:hover,.menu-nav ul ul a:hover{width:181px;}#menu .menu-nav li li,.menu-nav li li li{width:201px;}#menu .menu-nav li ul li ul{margin-left:195px;}


/* Pagination
*/

ul.pagination {
text-align: left !important;
padding: 0 !important;
margin: 0 !important;
}

ul.pagination li {
background: none !important;
display: inline !important;
margin: 0 !important;
padding: 0 10px 0 0 !important;
}

/* Moduletable menus
*/
ul.menu {
list-style:none;
}
ul.menu li {
margin:0;
padding: 2px 0px 4px 0px;
}
ul.menu li a, a.sublevel {
display:block;
padding:4px 0px 4px 24px;
height: 100%;
background: url(../images/ul-li-default.png) no-repeat 0 5px;
}

/* submenus
*/
ul.menu ul {
list-style:none;
margin:0;
}

ul.menu li ul li {
background: none;
margin:0;
padding: 2px 0px 4px 22px;
}

ul.menu ul li a {
padding-left:30px;
}

Please Entrar ou Registrar to join the conversation.