Ajuste de CSS: Aumentar Largura dos itens no menu principal

Mais
7 anos 2 semanas atrás #49578 por edyonil
edyonil replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
Olha ai mano... dei uma olhada no seu código e ve que você pode fazer até de um outro jeito.

Vamos tentar uma coisinha aqui certo:

A regra aplicada #hornav ul li de margin ta empurrando muito o elemento para a direita, o que está fazendo o elemento ir muito para a direita. Tente colocar uma margem menor e igual para ambos os lados, direita e esquerda. Tire também o tamanho que você definiu.

Faça isso e veja se gera algum resultado melhor.

[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...

Please Entrar ou Registrar to join the conversation.

  • rldesign
  • Avatar de rldesign Autor do Tópico
  • Offline
  • JCB! Hero
  • JCB! Hero
Mais
7 anos 2 semanas atrás #49579 por rldesign
rldesign replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal

edyonil escreveu: Olha ai mano... dei uma olhada no seu código e ve que você pode fazer até de um outro jeito.

Vamos tentar uma coisinha aqui certo:

A regra aplicada #hornav ul li de margin ta empurrando muito o elemento para a direita, o que está fazendo o elemento ir muito para a direita. Tente colocar uma margem menor e igual para ambos os lados, direita e esquerda. Tire também o tamanho que você definiu.

Faça isso e veja se gera algum resultado melhor.


Não ficou bem claro.... <!-- s::) --><img src="{SMILIES_PATH}/icon_mrgreen.gif" alt="::)" title="Sr. Verde" /><!-- s::) -->
Vc diz criar um margin-left e um margin-right?
Alguma sugestão de valores?
To fazendo alguns experimentos agora.
Vlw1!!!

Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites

Please Entrar ou Registrar to join the conversation.

Mais
7 anos 2 semanas atrás #49580 por edyonil
edyonil replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
Fez as algumas alterações estou te passando aqui.
#hornav ul li {
    background: none repeat scroll 0 0 transparent;
    border-right: 1px solid #E0E0E0;
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 5px;
    padding: 0 7px;
}
#hornav ul li a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0;
    padding: 0 7px 0 5px;
    text-decoration: none;
}

Coloque esse código ai poste para gente ver como ficou

Abraços

[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...

Please Entrar ou Registrar to join the conversation.

  • rldesign
  • Avatar de rldesign Autor do Tópico
  • Offline
  • JCB! Hero
  • JCB! Hero
Mais
7 anos 2 semanas atrás #49583 por rldesign
rldesign replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
Rapaz, show de bola!! Funcionou!!!

Só acrescentei o widht pra ver como ficava. E ficou muito bom

É possível criar uma regra específica para o item Área dos Clientes?

Vlw, de novo!!!

Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites

Please Entrar ou Registrar to join the conversation.

Mais
7 anos 2 semanas atrás #49593 por edyonil
edyonil replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
Para fazer isso adicione um sufixo de class para esse menu e aplique a regra que você deseja.

Agora eu observei que nessa Área do Cliente, o texto está descendo. Isso está ocorrendo porque você definiu o tamanho paras as li. Tirando esse tamanho ele crescera automaticamente.

Abraços

[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...

Please Entrar ou Registrar to join the conversation.