[RESOLVIDO] Ajuda com menu

TOPWEB escreveu: Dei uma olhada no código-fonte de seu site,

Você deve alterar aqui:
<li class="item-134">

No CSS deve estar mais ou menos assim:

li. item-134 ou ul. li. item-134

Verifique a Margin ou Padding.

Espero te-lo ajudado.

Fazendo isso, concorda comigo se ele precisar adicionar mais itens de menu, além de fazer isso no joomla, ele vai ter que criar uma estilização no arquivo CSS? E dessa maneira ele não consegue manter o padrão visual, onde existe um espaço entre os itens de menu.

Juelis escreveu:
Fazendo isso, concorda comigo se ele precisar adicionar mais itens de menu, além de fazer isso no joomla, ele vai ter que criar uma estilização no arquivo CSS? E dessa maneira ele não consegue manter o padrão visual, onde existe um espaço entre os itens de menu.

Falei isso acreditando que a propriedade Height esteja sem orientação.
Pelo menos nos layouts que mechi(que não são muitos ) estavam assim.

Mas senão, sua orientação é bem mais Plausivel.

Olá caras, valeu pela ajuda, mas eu ainda não consegui....

Sobre a linha do css, ela está assim:

#topnav ul li ul { left: -999em; top: 26px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }

Eu deixei assim:

#topnav ul li ul { left: -999em; top: 26px; left: 0; display: block; min-height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }

E depois tentei assim:

#topnav ul li ul { left: -999em; top: 26px; left: 0; display: block; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }



E não deu certo, o sub-menu continua desaparecendo quando eu passo o mouse pro 2º item lá em "Artigos".... <!-- s:( --><img src="{SMILIES_PATH}/icon_e_sad.gif" alt="" title="Triste" /><!-- s:( -->

Joey,

Tenta mexer nesta linha:

#topnav ul li li {
width: auto;
height: 30px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin-left: 0px;
}

Tira o Height: 30px

Acho que isso resolve. <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Se o texto ficar muito colado, coloca assim:

#topnav ul li li {
width: auto;
padding-top: 5px;
padding-bottom: 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin-left: 0px;
}