GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Preciso de ajuda. Como centralizar uma lista?


#1
Mirror Fashion

Nenhum ítem na
sacola de compras &nbsp&nbsp&nbsp&nbsp&nbsp

			<nav class="info container">
				<ul>
					<li> <a href="#"> Sua Conta</a> </li>
					<li> <a href="#">Lista de Desejos</a> </li>
					<li ><a href="#"> Cartão Fidelidade</a> </li>
					<li> <a href="Sobre.html">Sobre</a> </li>
					<li> <a href="#">Ajuda</a> </li>
				</ul>
			</nav><!--o conteúdo do cabeçalho está acima-->
	</header>

E no css está assim.
h1 {
margin-left:auto;
margin-right:auto;
text-align:center;
}
p {
line-height:1px;
word-spacing:3px;
text-align:center;
}
.container {
margin-right:auto;
margin-left:auto;
text-align:center;
}

O problema é o seguinte. Aquela bolinha que é gerada na tag

  • ,ela está
    ficando no canto da tela,eu centrilizei mas só os caracteres que estão vindo
    para o centro. Se eu conseguir mandar o print dêem uma olhada por favor.
    Desde já agradeço pela ajuda e fiquem todos com Deus.

  • #2

    se tu quiser com as bolinhas no centro mesmo é só dá um padding-left na ul e ajustar os pixels ou a porcentagem

    [details=Ver]>


    NO CSS:

    h1 {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }
    p {
    line-height:1px;
    word-spacing:3px;
    text-align:center;
    }
    .container {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    }
    .container ul {
    padding-left: 40%;
    }

    [/details]

    e Pronto!

    Agora, eu tava olhando e pensei essas bolinhas são muito feias e tem como tirar… Dá pra Deixar sem as bolinha da uma olhada

    [details=Ver]>



    **NO CSS:** h1 { margin-left:auto; margin-right:auto; text-align:center; } p { line-height:1px; word-spacing:3px; text-align:center; } .container { margin-right:auto; margin-left:auto; text-align:center; } .container ul { list-style: none; } [/details]

    #3

    Não seria melhor tirar essa bolinha?
    ul li{
    list-style-type: none;
    }
    Com essa linha a bolinha vai sumir.


    #4

    Obrigado Thiago sem dúvidas elas bolinhas incomodam. Valeu e desejo tudo de bom