Ajuste de CSS: Aumentar Largura dos itens no menu principal

edyonil
Offline
JCB! Master

Mais

12 anos 10 meses 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
Autor do Tópico
Offline
JCB! Hero

Mais

12 anos 10 meses 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.

edyonil
Offline
JCB! Master

Mais

12 anos 10 meses 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

Please Entrar ou Registrar to join the conversation.

rldesign
Autor do Tópico
Offline
JCB! Hero

Mais

12 anos 10 meses 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.

edyonil
Offline
JCB! Master

Mais

12 anos 10 meses 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

Please Entrar ou Registrar to join the conversation.

Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates