Ir ao conteúdo
  • Cadastre-se
Entre para seguir isso  
Brubbs

[Resolvido] Menu com ativação apenas no sub-menu

Recommended Posts

Olá... Bom to terminando de fazer meu primeiro site... então ainda sou leiga no assunto;

O menu do meu site, em "Produtos", abre um sub menu. porém gostaria que não desse para clicar em "produtos", somente que fosse passado o mouse em cima dele e que ele mostrasse o submenu, esse sim poderia ser clicado.

Como eu faço isso?

Desde já,

Agradeço.

Compartilhar este post


Link para o post
Compartilhar em outros sites
<div id="menubar">
<div id="top_nav" class="menu">
<li><a href="prod.html">Produtos</a>
<ul>
<li><a href="blabla.html">blabla</a></li>
</ul>
</li>
</div>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Basta remover a tag de hiperlink..

<div id="menubar">
<div id="top_nav" class="menu">
<li>[COLOR="Red"][B]<a href="prod.html">[/B][/COLOR]Produtos[COLOR="Red"][B]</a>[/B][/COLOR]
<ul>
<li><a href="blabla.html">blabla</a></li>
</ul>
</li>
</div>
</div>

Delete a parte vermelha acima..

Se o submenu parar de funcionar, provavelmente você faz algum javascript em cima dessa tag.. se for o caso, basta alterar a tag acima para:

<div id="menubar">
<div id="top_nav" class="menu">
<li>[COLOR="Red"][B]<a href="javascript:void(0);">[/B][/COLOR]Produtos[COLOR="Red"][B]</a>[/B][/COLOR]
<ul>
<li><a href="blabla.html">blabla</a></li>
</ul>
</li>
</div>
</div>

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
Basta remover a tag de hiperlink..

<div id="menubar">
<div id="top_nav" class="menu">
<li>[COLOR="Red"][B]<a href="prod.html">[/B][/COLOR]Produtos[COLOR="Red"][B]</a>[/B][/COLOR]
<ul>
<li><a href="blabla.html">blabla</a></li>
</ul>
</li>
</div>
</div>

Delete a parte vermelha acima..

Se o submenu parar de funcionar, provavelmente você faz algum javascript em cima dessa tag.. se for o caso, basta alterar a tag acima para:

<div id="menubar">
<div id="top_nav" class="menu">
<li>[COLOR="Red"][B]<a href="javascript:void(0);">[/B][/COLOR]Produtos[COLOR="Red"][B]</a>[/B][/COLOR]
<ul>
<li><a href="blabla.html">blabla</a></li>
</ul>
</li>
</div>
</div>

Muito obrigada, a segunda opção

"<li><a href="javascript:void(0);"class="selected">Produtos</a>"

resolveu o problema.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caso o autor do tópico necessite, o mesmo será reaberto, para isso deverá entrar em contato com a moderação solicitando o desbloqueio.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
Entre para seguir isso  





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×