conflito no text-align

[espiliquitiberty 0]

Boa tarde

 

não estou conseguindo mover o texto do menu do site para a esquerda e nem para a direita:

 

<div id="DSL_BoxMenuTopo">
<div id="DSL_MenuTopo">
        <ul>
            <li><a href="##CaminhoDir##?Menu=Pagina_Inicial">##Texto % cod=17##</a></li>
            <li>|</li>
            <li><a href="##CaminhoDir##?Menu=Pedidos">##Texto % cod=18##</a></li>
            <li>|</li>
            <li><a href="##CaminhoDir##?Menu=Cadastro">##Texto % cod=19##</a></li>
            <li>|</li>
            <li><a href="##CaminhoDir##?Menu=FaleConosco">##Texto % cod=20##</a></li>
        </ul>
    </div>

#DSL_BoxMenuTopo{height:25px; margin-left:280px; margin-right:234px; }
#DSL_MenuTopo{height:25px; background-color:#f0f0f0; color:#999999; font-size:12px; text-align:center; text-transform:uppercase;}
#DSL_MenuTopo ul{width:420px; margin:0 auto; *margin:0; padding:0px;}
#DSL_MenuTopo ul li{float:left; list-style:none; margin:0 0 0 13px; line-height:25px; }
#DSL_MenuTopo ul li a{color:#666666; text-decoration:none;}
#DSL_MenuTopo ul li a:hover{color:#2a2a2a; text-decoration:none;}

 

obrigado

[WictorP 9]

O problema está aqui

 

 

#DSL_MenuTopo ul{width:420px; margin:0 auto; *margin:0; padding:0px;}

 

Está definindo margin auto, oque faz ter margem metade direita, metade esquerda, ou seja, no centro.

Retire aquele margin e pronto. ;)

[Lucas Medina 17]

O problema está aqui

#DSL_MenuTopo ul{width:420px; margin:0 auto; *margin:0; padding:0px;}

Está definindo margin auto, oque faz ter margem metade direita, metade esquerda, ou seja, no centro.

Retire aquele margin e pronto. ;)

 

Ao que tudo indica, se trata exatamente disso!

Qual o texto que deseja mover em seu código? Se for o do menu inteiro, a correção da regra de margin deve ser o suficiente.

Se for cada item do menu, você pode configurar a mesma coisa, ou então configurar um padding para os botões.

 

Boa sorte!