- Postagens: 810
- Obrigados Recebidos: 0
[RESOLVIDO] Centralizar Itens do Menu Top
- renpv
-
- Offline
- JCB! Geek
-
Menos
Mais
14 anos 6 meses atrás #45826
por renpv
[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]
renpv replied the topic: Re: Centralizar Itens do Menu Top
Tenta assim então:
Tinha faltado o display: table;
PS: testado no FF e Chrome
#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
-
Autor do Tópico
- Offline
- JCB! Iniciante
-
Menos
Mais
- Postagens: 20
- Obrigados Recebidos: 0
- renpv
-
- Offline
- JCB! Geek
-
Menos
Mais
- Postagens: 810
- Obrigados Recebidos: 0
14 anos 6 meses atrás #45835
por renpv
[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]
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: -->
<!-- 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://twitter.com/renatopaivabv:2ig2voll]@renatopaivabv[/url:2ig2voll]
Please Entrar ou Registrar to join the conversation.
- vfcamargo
-
- Offline
- JCB! Estagiário
-
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;
}
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.