Ajuste de CSS: Aumentar Largura dos itens no menu principal

edyonil
Offline
JCB! Master

Mais

14 anos 5 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

14 anos 5 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

14 anos 5 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

14 anos 5 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

14 anos 5 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