Guidomina Posted July 30, 2011 Report Share Posted July 30, 2011 Olá galera tudo ótimo?então. sou novato na area de web. e gostaria de estar centralizando o meu menu.que está do lado esquerdo, e gostaria de centralizar ele.o codigo é esse:HTML:<body> <ul class="menu1"> <li><a href="#nogo"><b>Home</b></a></li> <li><a href="#nogo"><b>Quem somos</b></a></li> <li><a href="#nogo"><b>Estrutura</b></a></li> <li><a href="#nogo"><b>Album</b></a></li> <li><a href="#nogo"><b>Contato</b></a></li> <li><a href="#nogo"><b>Contrato</b></a></li> </ul> </body> </html> <p> Css: .menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;} .menu1 li {float:left;} .menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;} .menu1 li a b {float:left; display:block; padding:0 16px 0 8px;} .menu1 li.current a {color:#fff; background:url(button3.gif);} .menu1 li.current a b {background:url(button3.gif) no-repeat right top;} .menu1 li a:hover {color:#fff; background:#000 url(button2.gif);} .menu1 li a:hover b {background:url(button2.gif) no-repeat right top;} .menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;} .menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}eae galera :( ? muito obrigado :D Quote Link to comment Share on other sites More sharing options...
0 -#Alea#- Posted August 2, 2011 Report Share Posted August 2, 2011 Coloca seu menu dentro de uma div e essa sim tu centraliza.Exemplo.#tudo{width:1000px; height:auto; margin-left:auto; /* Para ele centralizar uzar assim*/ margin-right:auto; /* Para ele centralizar uzar assim */ }No Html<div id="tudo"> Cole seu menu aqui </div> Quote Link to comment Share on other sites More sharing options...
Question
Guidomina
Olá galera tudo ótimo?
então. sou novato na area de web.
e gostaria de estar centralizando o meu menu.
que está do lado esquerdo, e gostaria de centralizar ele.
o codigo é esse:
HTML:
Css:.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;} .menu1 li {float:left;} .menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;} .menu1 li a b {float:left; display:block; padding:0 16px 0 8px;} .menu1 li.current a {color:#fff; background:url(button3.gif);} .menu1 li.current a b {background:url(button3.gif) no-repeat right top;} .menu1 li a:hover {color:#fff; background:#000 url(button2.gif);} .menu1 li a:hover b {background:url(button2.gif) no-repeat right top;} .menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;} .menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}eae galera :( ?
muito obrigado :D
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.